joyce/src/stylesheets/_navbar.scss

20 lines
614 B
SCSS

@import "variables";
nav.navbar {
background-color: rgba(10,10,10,1);
background: -webkit-linear-gradient(0, $nav_gradient1, $nav_gradient2); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(0, $nav_gradient1, $nav_gradient2); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(0, $nav_gradient1, $nav_gradient2); /* For Firefox 3.6 to 15 */
background: linear-gradient(0, $nav_gradient1, $nav_gradient2); /* Standard syntax */
box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
a.navbar-brand {
margin-left: 2%;
font-size: 1.8em;
color: #ffffff;
}
nav a:hover {
color: #b7b7b7;
}