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

Correction navbar lors du défilement

Browse Source
This commit is contained in:
nyanloutre 2017-07-15 01:06:02 +02:00
parent d3058646dd
commit 39fef5751a
No known key found for this signature in database
GPG Key ID: 4177A74B460FAFD2
3 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/creative.css
View File

@ -117,18 +117,19 @@ body {
background-color: transparent; } background-color: transparent; }
@media (min-width: 992px) { @media (min-width: 992px) {
#mainNav { #mainNav {
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.7);
border-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; } background-color: transparent; }
#mainNav .navbar-brand { #mainNav .navbar-brand {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.7);
font-size: 1.5rem; } font-size: 1.5rem; }
#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus { #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
color: white; } color: white; }
#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(255, 255, 255, 0.7);
font-size: 1.25rem; } -webkit-text-stroke: 1px rgba(0, 0, 0, 0.7);
font-size: 1.3rem; }
#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: white; }
@ -136,13 +137,16 @@ body {
border-color: rgba(34, 34, 34, 0.05); border-color: rgba(34, 34, 34, 0.05);
background-color: white; } background-color: white; }
#mainNav.navbar-shrink .navbar-brand { #mainNav.navbar-shrink .navbar-brand {
font-size: 16px; font-size: 1.3rem;
color: #F05F40; } color: #F05F40;
-webkit-text-stroke: 0px rgba(0, 0, 0, 0.7); }
#mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus { #mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
color: #f05f40; } color: #f05f40; }
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus { #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
color: #222222; } color: #222222;
-webkit-text-stroke: 0px rgba(0, 0, 0, 0.7);
font-size: 1rem; }
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover { #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
color: #F05F40; } } color: #F05F40; } }

4
css/creative.css.map
View File

File diff suppressed because one or more lines are too long

10
scss/_navbar.scss
View File

@ -42,11 +42,11 @@
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.7);
border-color: fade-out(white, .7); border-color: fade-out(white, .7);
background-color: transparent; background-color: transparent;
.navbar-brand { .navbar-brand {
color: fade-out(white, .3); color: fade-out(white, .3);
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.7);
font-size: 1.5rem; font-size: 1.5rem;
&:hover, &:hover,
&:focus { &:focus {
@ -56,7 +56,8 @@
.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(white, .3);
font-size: 1.25rem; -webkit-text-stroke: 1px rgba(0, 0, 0, 0.7);
font-size: 1.3rem;
&:hover { &:hover {
color: white; color: white;
} }
@ -65,8 +66,9 @@
border-color: fade-out($gray-darker, .95); border-color: fade-out($gray-darker, .95);
background-color: white; background-color: white;
.navbar-brand { .navbar-brand {
font-size: 16px; font-size: 1.3rem;
color: $theme-primary; color: $theme-primary;
-webkit-text-stroke: 0px rgba(0, 0, 0, 0.7);
&:hover, &:hover,
&:focus { &:focus {
color: darken($theme-primary, .1); color: darken($theme-primary, .1);
@ -75,6 +77,8 @@
.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: $gray-darker; color: $gray-darker;
-webkit-text-stroke: 0px rgba(0, 0, 0, 0.7);
font-size: 1rem;
&:hover { &:hover {
color: $theme-primary; color: $theme-primary;
} }