54 lines
1002 B
Sass
54 lines
1002 B
Sass
$primary-color: #009688
|
|
$primary-color-highlight: lighten($primary-color, 10%)
|
|
$accent-color: #795548
|
|
$accent-color-highlight: lighten($accent-color, 10%)
|
|
|
|
$box-shadow-1: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)
|
|
$box-shadow-2: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
|
|
|
|
$nav-height: 60px
|
|
|
|
body
|
|
padding-top: $nav-height
|
|
background: lightgrey
|
|
|
|
#main-nav
|
|
position: fixed
|
|
top: 0
|
|
left: 0
|
|
width: 100%
|
|
height: $nav-height
|
|
background: #212121
|
|
box-shadow: $box-shadow-1
|
|
clear: float
|
|
|
|
.nav-left
|
|
float: left
|
|
.nav-right
|
|
float: right
|
|
|
|
.nav-menu
|
|
ul
|
|
list-style: none
|
|
|
|
li
|
|
display: inline-block
|
|
color: white
|
|
font-size: 2rem
|
|
&:first-child
|
|
margin-left: 20px
|
|
a
|
|
display: block
|
|
box-sizing: border-box
|
|
height: $nav-height
|
|
padding: 12px 15px
|
|
font-size: 2rem
|
|
|
|
#main-wrapper
|
|
margin-top: 25px
|
|
padding: 20px 28px
|
|
background: white
|
|
border-radius: 5px
|
|
box-shadow: $box-shadow-2
|
|
|