44 lines
656 B
Sass
44 lines
656 B
Sass
$nav-height: 65px
|
|
|
|
body
|
|
margin: 0
|
|
padding: $nav-height 0 0
|
|
background: white
|
|
|
|
#main-nav
|
|
position: fixed
|
|
top: 0
|
|
left: 0
|
|
width: 100%
|
|
height: $nav-height
|
|
background: cornflowerblue
|
|
|
|
.nav-left,
|
|
.nav-right
|
|
list-style: none
|
|
li
|
|
display: inline-block
|
|
.nav-left
|
|
float: left
|
|
.nav-right
|
|
float: right
|
|
|
|
.site-logo,
|
|
.nav-link a
|
|
display: inline-block
|
|
padding: 15px 15px
|
|
color: black
|
|
font-size: 2rem
|
|
transition: all 230ms ease-in-out
|
|
&:hover
|
|
color: #333
|
|
|
|
.site-logo
|
|
padding-left: 25px
|
|
font-weight: bold
|
|
|
|
#main-wrapper
|
|
max-width: 1180px
|
|
margin-top: 15px
|
|
padding: 20px 27px
|