1
0
Fork 0

[SITE] new main menu and logo-icon

This commit is contained in:
Jannik Beyerstedt 2016-05-21 00:26:34 +02:00
parent a3c0c0fb25
commit 7e93dd0724
11 changed files with 68 additions and 140 deletions

View file

@ -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;

View file

@ -58,8 +58,3 @@
margin-right: 0;
}
}
// fix change in bootstrap
.bg-inverse {
color: #eceeef;
}

View file

@ -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;
}
}
}

View file

@ -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;
}
}
}
}