couleur navbar 2
This commit is contained in:
parent
1cda0987c6
commit
a48d855b0e
@ -85,24 +85,24 @@ body {
|
||||
#mainNav .navbar-brand {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: black;
|
||||
color: #F05F40;
|
||||
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
|
||||
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
|
||||
color: black; }
|
||||
color: #f05f40; }
|
||||
#mainNav .navbar-toggle {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: grey; }
|
||||
color: #222222; }
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link,
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: grey; }
|
||||
color: #222222; }
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
|
||||
color: black; }
|
||||
color: #F05F40; }
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
|
||||
color: #F05F40 !important;
|
||||
@ -112,18 +112,18 @@ body {
|
||||
background-color: transparent; }
|
||||
@media (min-width: 992px) {
|
||||
#mainNav {
|
||||
border-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: rgba(0, 0, 0, 0.3);
|
||||
background-color: transparent; }
|
||||
#mainNav .navbar-brand {
|
||||
color: rgba(255, 255, 255, 0.7); }
|
||||
color: rgba(0, 0, 0, 0.7); }
|
||||
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
|
||||
color: white; }
|
||||
color: black; }
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link,
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
|
||||
color: rgba(255, 255, 255, 0.7); }
|
||||
color: rgba(0, 0, 0, 0.7); }
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
|
||||
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
|
||||
color: white; }
|
||||
color: black; }
|
||||
#mainNav.navbar-shrink {
|
||||
border-color: rgba(34, 34, 34, 0.05);
|
||||
background-color: white; }
|
||||
|
File diff suppressed because one or more lines are too long
@ -7,18 +7,18 @@
|
||||
.navbar-brand {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: black;
|
||||
color: $theme-primary;
|
||||
@include sans-serif-font;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: darken(black, .1);
|
||||
color: darken($theme-primary, .1);
|
||||
}
|
||||
}
|
||||
.navbar-toggle {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: grey;
|
||||
color: $gray-darker;
|
||||
}
|
||||
.navbar-nav {
|
||||
> li.nav-item {
|
||||
@ -27,9 +27,9 @@
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
color: grey;
|
||||
color: $gray-darker;
|
||||
&:hover {
|
||||
color: black;
|
||||
color: $theme-primary;
|
||||
}
|
||||
&.active {
|
||||
color: $theme-primary !important;
|
||||
@ -42,20 +42,20 @@
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
border-color: fade-out(white, .7);
|
||||
border-color: fade-out(black, .7);
|
||||
background-color: transparent;
|
||||
.navbar-brand {
|
||||
color: fade-out(white, .3);
|
||||
color: fade-out(black, .3);
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: white;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.navbar-nav > li.nav-item > a.nav-link,
|
||||
.navbar-nav > li.nav-item > a.nav-link:focus {
|
||||
color: fade-out(white, .3);
|
||||
color: fade-out(black, .3);
|
||||
&:hover {
|
||||
color: white;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
&.navbar-shrink {
|
||||
|
Loading…
Reference in New Issue
Block a user