| 1234567891011121314151617181920 |
- /* 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%);
- }
- }
- }
|