Files
.mvn
config
docker
docs
css
img
js
scss
_bootstrap-overrides.scss
_contact.scss
_footer.scss
_global.scss
_masthead.scss
_mixins.scss
_navbar.scss
_portfolio.scss
_variables.scss
freelancer.scss
vendor
LICENSE
README.md
gulpfile.js
index.html
package-lock.json
package.json
platformQuickStarts
scripts
webgoat-container
webgoat-images
webgoat-integration-tests
webgoat-lessons
webgoat-server
webwolf
.gitignore
.travis.yml
COPYRIGHT.txt
CREATE_RELEASE.MD
LICENSE.txt
README.MD
RELEASE_NOTES.md
buildspec.yml
docker-compose-local.yml
docker-compose-postgres.yml
docker-compose.yml
goat-with-reverseproxy.yaml
mvn-debug
mvnw
mvnw.cmd
pmd-ruleset.xml
pom.xml
project-suppression.xml
WebGoat/docs/scss/_navbar.scss
2019-02-08 14:13:58 +01:00

68 lines
1.3 KiB
SCSS

// Styling for the navbar
#mainNav {
padding-top: 1rem;
padding-bottom: 1rem;
@include heading-font;
.navbar-brand {
color: $white;
}
.navbar-nav {
margin-top: 1rem;
letter-spacing: 0.0625rem;
li.nav-item {
a.nav-link {
color: $white;
&:hover {
color: $primary;
}
&:active,
&:focus {
color: $white;
}
&.active {
color: $primary;
}
}
}
}
.navbar-toggler {
font-size: 80%;
padding: 0.8rem;
}
}
@media(min-width:992px) {
#mainNav {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
-moz-transition: padding-top 0.3s, padding-bottom 0.3s;
transition: padding-top 0.3s, padding-bottom 0.3s;
.navbar-brand {
font-size: 2em;
-webkit-transition: font-size 0.3s;
-moz-transition: font-size 0.3s;
transition: font-size 0.3s;
}
.navbar-nav {
margin-top: 0;
}
.navbar-nav > li.nav-item > a.nav-link.active {
color: $white;
background: $primary;
&:active,
&:focus,
&:hover {
color: $white;
background: $primary;
}
}
}
#mainNav.navbar-shrink {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
.navbar-brand {
font-size: 1.5em;
}
}
}