_menu.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .book-menu {
  2. text-transform: capitalize;
  3. padding-left: 12px;
  4. .section {
  5. .section-link {
  6. display: flex;
  7. align-items: center;
  8. .section-icon {
  9. width: 12px;
  10. height: 12px;
  11. transform: rotateZ(90deg);
  12. opacity: 0.5;
  13. margin-left: -15px;
  14. margin-right: 3px;
  15. &.expanded {
  16. transform: rotateZ(180deg);
  17. }
  18. }
  19. a {
  20. flex: 1;
  21. }
  22. }
  23. > ul {
  24. max-height: 0px;
  25. overflow: hidden;
  26. &.expanded {
  27. max-height: initial;
  28. > li:last-child {
  29. margin-bottom: 0;
  30. }
  31. }
  32. }
  33. }
  34. .version {
  35. text-transform: none;
  36. font-size: 12px;
  37. color: $gray-500;
  38. border-top: 1px dotted $gray-300;
  39. display: inline-block;
  40. padding-top: 12px;
  41. a {
  42. color: $gray-500;
  43. }
  44. a:hover {
  45. color: $gray-700;
  46. }
  47. }
  48. }