webdap/assets/sass/darkmeyer.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