sidenav.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. //
  2. // Sidenav
  3. // --------------------------------------------------
  4. .sidenav {
  5. li {
  6. a {
  7. &, &:link, &:visited {
  8. border-bottom: 1px solid @gray-lighter;
  9. padding: @padding-base-vertical (@padding-base-vertical * 1.1);
  10. color: @gray-light;
  11. .fa, .glyphicon {
  12. margin-left: -8px;
  13. width: 30px;
  14. text-align: center;
  15. }
  16. }
  17. &:hover {
  18. color: @text-color;
  19. }
  20. &:active {
  21. color: @brand-primary;
  22. }
  23. }
  24. &:last-child {
  25. a {
  26. border-bottom: none;
  27. }
  28. }
  29. &.active {
  30. a {
  31. &, &:link, &:visited, &:active, &:hover {
  32. background: @gray-dark;
  33. border: none;
  34. border-radius: @border-radius-base;
  35. color: #fff;
  36. &:after {
  37. float: right;
  38. content: '';
  39. width: 0;
  40. height: 0;
  41. margin-top: 6px;
  42. border-top: 4px solid transparent;
  43. border-bottom: 4px solid transparent;
  44. border-left: 4px solid #fff;
  45. }
  46. }
  47. }
  48. }
  49. }
  50. }