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

couleur navbar 2

Browse Source
This commit is contained in:
nyanloutre 2017-07-14 16:30:04 +02:00
parent 1cda0987c6
commit a48d855b0e
No known key found for this signature in database
GPG Key ID: 4177A74B460FAFD2
3 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/creative.css
View File

@ -85,24 +85,24 @@ body {
#mainNav .navbar-brand { #mainNav .navbar-brand {
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
color: black; color: #F05F40;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; } font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus { #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
color: black; } color: #f05f40; }
#mainNav .navbar-toggle { #mainNav .navbar-toggle {
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
text-transform: uppercase; 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,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus { #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
text-transform: uppercase; 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:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus: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.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active { #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
color: #F05F40 !important; color: #F05F40 !important;
@ -112,18 +112,18 @@ body {
background-color: transparent; } background-color: transparent; }
@media (min-width: 992px) { @media (min-width: 992px) {
#mainNav { #mainNav {
border-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.3);
background-color: transparent; } background-color: transparent; }
#mainNav .navbar-brand { #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 { #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,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus { #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:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover { #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
color: white; } color: black; }
#mainNav.navbar-shrink { #mainNav.navbar-shrink {
border-color: rgba(34, 34, 34, 0.05); border-color: rgba(34, 34, 34, 0.05);
background-color: white; } background-color: white; }

2
css/creative.css.map
View File

File diff suppressed because one or more lines are too long

20
scss/_navbar.scss
View File

@ -7,18 +7,18 @@
.navbar-brand { .navbar-brand {
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
color: black; color: $theme-primary;
@include sans-serif-font; @include sans-serif-font;
&:hover, &:hover,
&:focus { &:focus {
color: darken(black, .1); color: darken($theme-primary, .1);
} }
} }
.navbar-toggle { .navbar-toggle {
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
color: grey; color: $gray-darker;
} }
.navbar-nav { .navbar-nav {
> li.nav-item { > li.nav-item {
@ -27,9 +27,9 @@
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
color: grey; color: $gray-darker;
&:hover { &:hover {
color: black; color: $theme-primary;
} }
&.active { &.active {
color: $theme-primary !important; color: $theme-primary !important;
@ -42,20 +42,20 @@
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
border-color: fade-out(white, .7); border-color: fade-out(black, .7);
background-color: transparent; background-color: transparent;
.navbar-brand { .navbar-brand {
color: fade-out(white, .3); color: fade-out(black, .3);
&:hover, &:hover,
&:focus { &:focus {
color: white; color: black;
} }
} }
.navbar-nav > li.nav-item > a.nav-link, .navbar-nav > li.nav-item > a.nav-link,
.navbar-nav > li.nav-item > a.nav-link:focus { .navbar-nav > li.nav-item > a.nav-link:focus {
color: fade-out(white, .3); color: fade-out(black, .3);
&:hover { &:hover {
color: white; color: black;
} }
} }
&.navbar-shrink { &.navbar-shrink {