_collapse.scss 873 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .collapsed > .fieldset-wrapper {
  2. display: none;
  3. }
  4. fieldset.collapsible {
  5. legend {
  6. position: relative;
  7. padding-right: 2rem;
  8. &:before {
  9. font-family: FontAwesome;
  10. position: absolute;
  11. content: '\f0d7'; // Left caret
  12. color: theme-color(primary);
  13. right: 1rem;
  14. }
  15. }
  16. &.collapsed {
  17. legend:before {
  18. content: '\f0d9'; // Down caret
  19. }
  20. }
  21. }
  22. .tripal-toc-pane {
  23. @extend .nav;
  24. @extend .nav-pills;
  25. @extend .flex-column;
  26. .tripal_toc_list_item {
  27. @extend .nav-item;
  28. padding: 0 !important;
  29. border-radius: $border-radius;
  30. &:hover {
  31. background-color: #f7f7f7;
  32. }
  33. }
  34. .tripal_toc_list_item_link {
  35. @extend .nav-link;
  36. padding: .5rem .3rem;
  37. margin-top: 0 !important;
  38. &.active {
  39. background-color: #fff;
  40. font-weight: bold;
  41. color: #444;
  42. }
  43. }
  44. padding: 0;
  45. }