| Server IP : www.kowitt.ac.th / Your IP : 216.73.216.118 Web Server : Microsoft-IIS/7.5 System : Windows NT SERVER02 6.1 build 7601 (Windows Server 2008 R2 Standard Edition Service Pack 1) i586 User : IUSR ( 0) PHP Version : 5.6.31 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/BK/wwwroot/scss/ |
Upload File : |
// Styling for the navbar
#mainNav {
border-bottom: 1px solid fade-out($gray-900, .9);
background-color: $white;
@include sans-serif-font;
@include transition-all;
.navbar-brand {
font-weight: 700;
text-transform: uppercase;
color: $primary;
@include sans-serif-font;
&:focus,
&:hover {
color: darken($primary, .1);
}
}
.navbar-nav {
> li.nav-item {
> a.nav-link,
> a.nav-link:focus {
font-size: .9rem;
font-weight: 700;
text-transform: uppercase;
color: $gray-900;
&:hover {
color: $primary;
}
&.active {
color: $primary !important;
background-color: transparent;
&:hover {
background-color: transparent;
}
}
}
}
}
@media (min-width: 992px) {
border-color: transparent;
background-color: transparent;
.navbar-brand {
color: fade-out($white, .3);
&:focus,
&:hover {
color: $white;
}
}
.navbar-nav > li.nav-item > a.nav-link {
padding: 0.5rem 1rem;
}
.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-bottom: 1px solid fade-out($gray-900, .9);
background-color: $white;
.navbar-brand {
color: $primary;
&:focus,
&:hover {
color: darken($primary, .1);
}
}
.navbar-nav > li.nav-item > a.nav-link,
.navbar-nav > li.nav-item > a.nav-link:focus {
color: $gray-900;
&:hover {
color: $primary;
}
}
}
}
}