_navbar.scss 530 B

1234567891011121314151617181920212223242526272829303132
  1. .navbar.bg-light {
  2. background: linear-gradient(#fff, #dcdcdc);
  3. }
  4. .navbar-nav {
  5. font-weight: bold;
  6. }
  7. .navbar-nav .icon {
  8. margin-#{$right}: 0.5em;
  9. vertical-align: -3px;
  10. }
  11. .navbar-nav .nav-item {
  12. background: linear-gradient(#fff, #dcdcdc);
  13. border-#{$right}: 1px solid #fff;
  14. border-#{$left}: 1px solid #ccc;
  15. border-bottom: 1px solid #ccc;
  16. &:first-child {
  17. border-#{$left}: 0;
  18. }
  19. &:hover {
  20. background: linear-gradient(#fff, #e5e5e5);
  21. }
  22. &.active {
  23. background: #fff;
  24. border-bottom: 0;
  25. }
  26. }