20 lines
393 B
SCSS
20 lines
393 B
SCSS
|
/* style.scss */
|
||
|
|
|
||
|
|
#navbar {
|
||
|
|
$navbar-width: 800px;
|
||
|
|
$items: 5;
|
||
|
|
$navbar-color: #ce4dd6;
|
||
|
|
|
||
|
|
width: $navbar-width;
|
||
|
|
border-bottom: 2px solid $navbar-color;
|
||
|
|
|
||
|
|
li {
|
||
|
|
float: left;
|
||
|
|
width: $navbar-width/$items - 10px;
|
||
|
|
|
||
|
|
background-color: lighten($navbar-color, 20%);
|
||
|
|
&:hover {
|
||
|
|
background-color: lighten($navbar-color, 10%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|