scss.scss 393 B

1234567891011121314151617181920
  1. /* style.scss */
  2. #navbar {
  3. $navbar-width: 800px;
  4. $items: 5;
  5. $navbar-color: #ce4dd6;
  6. width: $navbar-width;
  7. border-bottom: 2px solid $navbar-color;
  8. li {
  9. float: left;
  10. width: $navbar-width/$items - 10px;
  11. background-color: lighten($navbar-color, 20%);
  12. &:hover {
  13. background-color: lighten($navbar-color, 10%);
  14. }
  15. }
  16. }