overseer/assets/styles/gargoyle.scss

38 lines
483 B
SCSS

$nav-bar-height: 50px;
body{
padding: $nav-bar-height 0 0;
background: lightgrey;
}
#nav-bar{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: $nav-bar-height;
background: #212121;
box-shadow: 0 2px 1px rgba(0, 0, 0, .25);
.nav-bar-left{
float: left;
}
ul{
list-style: none;
li{
display: inline-block;
}
}
.nav-link a{
color: teal;
transition: all 230ms ease-in-out;
&:hover{
color: green;
}
}
}