nyanloutre/site-max
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Premier commit

Browse source
This commit is contained in:
nyanloutre 2017-07-14 15:51:49 +02:00
commit 08d105b7c0
No known key found for this signature in database
GPG key ID: 4177A74B460FAFD2
102 changed files with 40084 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

81
scss/_navbar.scss Normal file
View file

@ -0,0 +1,81 @@
// Styling for the navbar
#mainNav {
border-color: fade-out($gray-darker, .95);
background-color: white;
@include sans-serif-font;
@include transition-all;
.navbar-brand {
font-weight: 700;
text-transform: uppercase;
color: $theme-primary;
@include sans-serif-font;
&:hover,
&:focus {
color: darken($theme-primary, .1);
}
}
.navbar-toggle {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: $gray-darker;
}
.navbar-nav {
> li.nav-item {
> a.nav-link,
> a.nav-link:focus {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: $gray-darker;
&:hover {
color: $theme-primary;
}
&.active {
color: $theme-primary !important;
background-color: transparent;
&:hover {
background-color: transparent;
}
}
}
}
}
@media (min-width: 992px) {
border-color: fade-out(white, .7);
background-color: transparent;
.navbar-brand {
color: fade-out(white, .3);
&:hover,
&:focus {
color: white;
}
}
.navbar-nav > li.nav-item > a.nav-link,
.navbar-nav > li.nav-item > a.nav-link:focus {
color: fade-out(white, .3);
&:hover {
color: white;
}
}
&.navbar-shrink {
border-color: fade-out($gray-darker, .95);
background-color: white;
.navbar-brand {
font-size: 16px;
color: $theme-primary;
&:hover,
&:focus {
color: darken($theme-primary, .1);
}
}
.navbar-nav > li.nav-item > a.nav-link,
.navbar-nav > li.nav-item > a.nav-link:focus {
color: $gray-darker;
&:hover {
color: $theme-primary;
}
}
}
}
}