Commit dfa22b6f authored by numahell's avatar numahell
Browse files

Menu portal. This closes #1 and #4

parent 163cfb31
......@@ -31,15 +31,6 @@ h2 {
font-weight: 700;
} */
a {
color: $c-blue;
text-decoration: underline;
}
a.active {
color: $c-orange;
text-decoration: none;
}
li {
list-style-image: url('../images/chevron.png');
......
......@@ -20,29 +20,9 @@ $header-font-family: 'Kreon', serif;
$anchor-color: $c-blue;
$anchor-text-decoration: underline;
$header-sizes: (
small: (
'h1': 24,
'h2': 20,
'h3': 19,
'h4': 18,
'h5': 17,
'h6': 16,
),
medium: (
'h1': 48,
'h2': 40,
'h3': 31,
'h4': 25,
'h5': 20,
'h6': 16,
),
);
$topbar-padding: 0;
$topbar-background: transparent;
$topbar-submenu-background: transparent;
$topbar-link-color: black;
$topbar-input-width: 200px;
$topbar-unstack-breakpoint: medium;
\ No newline at end of file
$topbar-unstack-breakpoint: medium;
......@@ -42,6 +42,12 @@
@import '../../components/foundation-sites/scss/util/util';
// 0. Added settings
// -----------------
$c-blue: #1082a8;
$c-orange: #e87151;
// 1. Global
// ---------
......@@ -49,16 +55,16 @@ $global-font-size: 87.5%;
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
primary: #1082a8,
primary: $c-blue,
secondary: #777,
success: #3adb76,
warning: #ffae00,
alert: #e87151,
alert: $c-orange,
);
$light-gray: #e8e8e8;
$medium-gray: #d7d7d7;
$dark-gray: #999999;
$darker-gray: #777777;
$darker-gray: #777;
$black: #0a0a0a;
$white: #f5f5f5;
$body-background: $white;
......@@ -142,9 +148,9 @@ $code-border: 1px solid $medium-gray;
$code-padding: rem-calc(2 5 1);
$anchor-color: $primary-color;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
$anchor-color-hover: $alert-color;
$anchor-text-decoration: none;
$anchor-text-decoration-hover: none;
$anchor-text-decoration-hover: underline;
$hr-width: $global-width;
$hr-border: 1px solid $medium-gray;
$hr-margin: rem-calc(20) auto;
......@@ -381,8 +387,8 @@ $mediaobject-image-width-stacked: 100%;
$menu-margin: 0;
$menu-margin-nested: 1rem;
$menu-item-padding: 0.7rem 1rem;
$menu-item-color-active: $white;
$menu-item-background-active: #121212;
$menu-item-color-active: $c-orange;
$menu-item-background-active: $light-gray;
$menu-icon-spacing: 0.25rem;
// 23. Meter
......@@ -560,8 +566,8 @@ $tooltip-radius: $global-radius;
// -----------
$topbar-padding: 0;
$topbar-background: #121212;
$topbar-background: transparent;
$topbar-submenu-background: $topbar-background;
$topbar-link-color: #fff;
$topbar-link-color: $black;
$topbar-input-width: 200px;
$topbar-unstack-breakpoint: medium;
......@@ -17,39 +17,3 @@
padding-right: 0;
}
}
.menu-item.commons-menu-portal {
//display: block;
text-indent: -9999px;
width : 81px;
height : 27px;
background: url('../images/commons-menu/lien_portail.png') no-repeat center center;
}
.menu .menu-item.commons-menu-portal.active {
background: url('../images/commons-menu/lien_portail_active.png') no-repeat center center;
}
.menu-item.commons-menu-assembly {
//display: block;
text-indent: -9999px;
width : 125px;
height : 27px;
background: url('../images/commons-menu/lien_assemblee.png') no-repeat center center;
}
.menu-item.commons-menu-chamber {
//display: block;
text-indent: -9999px;
width : 125px;
height : 27px;
background: url('../images/commons-menu/lien_chambre.png') no-repeat center center;
}
.menu-item.commons-menu-agenda {
//display: block;
text-indent: -9999px;
width : 129px;
height : 27px;
background: url('../images/commons-menu/lien_agenda.png') no-repeat center center;
}
......@@ -35,44 +35,42 @@
.top-bar {
text-transform: uppercase;
font-family: $header-font-family;
.navbar-nav > li {
margin-left: 15px;
margin-bottom: 10px;
> a {
// @include text-hide();
}
}
.nav-portail > a {
// @include text-hide();
background: url('../images/lien_portail_active.png') no-repeat left top;
width: 81px;
height: 27px;
&:hover {
background-image: url('../images/lien_portail_active.png');
}
}
.nav-assemblees > a {
background: url('../images/lien_assemblee.png') no-repeat left top;
width: 125px;
height: 27px;
&:hover {
background-image: url('../images/lien_assemblee_active.png');
}
}
.nav-chambres > a {
background: url('../images/lien_chambre.png') no-repeat left top;
width: 125px;
height: 27px;
&:hover {
background-image: url('../images/lien_chambre_active.png');
}
}
.nav-agenda > a {
background: url('../images/lien_agenda.png') no-repeat left top;
width: 129px;
height: 27px;
&:hover {
background-image: url('../images/lien_agenda_active.png');
.menu {
.menu-item {
padding: 0 5px;
> a {
text-indent: -9999px;
font: 0/0 a;
width : 95px;
height : 32px;
}
&.nav-portail > a {
background: url('../images/commons-menu/lien_portail_active.png') no-repeat left top;
&:hover {
background-image: url('../images/commons-menu/lien_portail_active.png');
}
}
&.nav-assemblees > a {
background: url('../images/commons-menu/lien_assemblee.png') no-repeat left top;
width : 140px;
&:hover {
background-image: url('../images/commons-menu/lien_assemblee_active.png');
}
}
&.nav-chambres > a {
background: url('../images/commons-menu/lien_chambre.png') no-repeat left top;
width : 140px;
&:hover {
background-image: url('../images/commons-menu/lien_chambre_active.png');
}
}
&.nav-agenda > a {
background: url('../images/commons-menu/lien_agenda.png') no-repeat left top;
width : 140px;
&:hover {
background-image: url('../images/commons-menu/lien_agenda_active.png');
}
}
}
}
}
......@@ -97,12 +95,15 @@
font-size: 18px;
text-decoration: none;
&:hover {
color: $c-orange;
background-color: $light-gray;
color: $menu-item-color-active;
background-color: $menu-item-background-active;
}
&::after {
content: " »";
}
}
&.current-menu-item a {
color: $menu-item-color-active;
}
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment