[SITE] new main menu and logo-icon
This commit is contained in:
parent
a3c0c0fb25
commit
7e93dd0724
11 changed files with 68 additions and 140 deletions
|
@ -9,11 +9,7 @@ $link_visited: lighten($color_font, 60%);
|
|||
|
||||
$col_xxs_bp: 543px;
|
||||
|
||||
$nav_bgColor: $color_base;
|
||||
$nav_borderColor: darken($nav_bgColor, 15%);
|
||||
$nav_fgColor: #fff;
|
||||
$nav_textXsWidth: 80px;
|
||||
$nav_textSmWidth: 109px;
|
||||
|
||||
$footer_color_bg: #bebebe;
|
||||
|
||||
|
|
5
assets/scss/foundation.scss
vendored
5
assets/scss/foundation.scss
vendored
|
@ -58,8 +58,3 @@
|
|||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// fix change in bootstrap
|
||||
.bg-inverse {
|
||||
color: #eceeef;
|
||||
}
|
||||
|
|
|
@ -92,10 +92,10 @@ main div.container {
|
|||
$header_logoSize: 75px;
|
||||
|
||||
header {
|
||||
margin-bottom: 10px;
|
||||
img {
|
||||
width: $header_logoSize;
|
||||
height: $header_logoSize;
|
||||
margin: 4px 0;
|
||||
|
||||
float: left;
|
||||
}
|
||||
|
@ -109,7 +109,6 @@ nav {
|
|||
padding-left: 0; // reset
|
||||
a {
|
||||
text-decoration: none;
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
li {
|
||||
|
@ -123,59 +122,19 @@ nav {
|
|||
@include media-breakpoint-up(sm) {
|
||||
nav {
|
||||
float: right;
|
||||
height: $header_logoSize;
|
||||
ul.nav {
|
||||
a {
|
||||
float: left;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
padding: 45px 0 5px;
|
||||
width: $nav_textSmWidth;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
margin: 30px 9px 1px;
|
||||
}
|
||||
|
||||
a:hover, a:focus, a.active {
|
||||
color: $nav_fgColor;
|
||||
background-color: darken($nav_bgColor, 10%);
|
||||
border-bottom: 1px solid $color_accent;
|
||||
}
|
||||
}
|
||||
ul.nav.home {
|
||||
color: $nav_fgColor;
|
||||
a {
|
||||
background-color: $nav_bgColor;
|
||||
border-right: 1px solid $nav_borderColor;
|
||||
}
|
||||
a:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
a.active {
|
||||
color: $nav_fgColor;
|
||||
border-bottom: 4px solid $color_accent;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
}
|
||||
ul.nav.main, ul.nav.second {
|
||||
height: $header_logoSize/2;
|
||||
a {
|
||||
padding: 8px 0 5.5px;
|
||||
}
|
||||
}
|
||||
ul.nav.main {
|
||||
color: $nav_bgColor;
|
||||
a.active {
|
||||
color: $nav_fgColor;
|
||||
border-bottom: 4px solid $color_accent;
|
||||
padding-bottom: 1.5px;
|
||||
}
|
||||
}
|
||||
ul.nav.second {
|
||||
color: $nav_fgColor;
|
||||
a {
|
||||
background-color: $nav_bgColor;
|
||||
}
|
||||
a.active {
|
||||
border-bottom: 4px solid $color_accent;
|
||||
padding-bottom: 1.5px;
|
||||
a.section {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -184,17 +143,20 @@ nav {
|
|||
nav {
|
||||
button.navbar-toggler {
|
||||
float: right;
|
||||
margin-top: 10px;
|
||||
margin-top: 24px;
|
||||
font-family: inherit;
|
||||
font-weight: 300;
|
||||
}
|
||||
ul.mobileNav {
|
||||
color: $color_font_inv;
|
||||
background-color: $color_bg_inv;
|
||||
padding: 1rem 1rem;
|
||||
a {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
}
|
||||
a.active {
|
||||
color: lighten($nav_bgColor, 10%);
|
||||
color: $color_accent;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
@ -212,6 +174,7 @@ nav {
|
|||
|
||||
@include hover-focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -25,8 +25,11 @@ main p {
|
|||
}
|
||||
@include media-breakpoint-up(sm) {
|
||||
nav {
|
||||
ul.nav.main {
|
||||
ul.nav {
|
||||
color: $nav_fgColor;
|
||||
a.section:hover, a.section:focus {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue