panel.sass 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .panel-icon
  2. +fa(14px, 16px)
  3. color: $text-light
  4. float: left
  5. margin: 0 4px 0 -2px
  6. .fa
  7. font-size: inherit
  8. line-height: inherit
  9. .panel-heading
  10. background-color: $background
  11. border-bottom: 1px solid $border
  12. border-radius: 4px 4px 0 0
  13. color: $text-strong
  14. font-size: $size-medium
  15. font-weight: 300
  16. padding: 10px
  17. .panel-list
  18. a
  19. color: $text
  20. &:hover
  21. color: $link
  22. .panel-tabs
  23. display: flex
  24. font-size: $size-small
  25. padding: 5px 10px 0
  26. justify-content: center
  27. a
  28. border-bottom: 1px solid $border
  29. margin-bottom: -1px
  30. padding: 5px
  31. // Modifiers
  32. &.is-active
  33. border-bottom-color: $link-active-border
  34. color: $link-active
  35. &:not(:last-child)
  36. border-bottom: 1px solid $border
  37. .panel-block
  38. color: $text-strong
  39. display: block
  40. line-height: 16px
  41. padding: 10px
  42. &:not(:last-child)
  43. border-bottom: 1px solid $border
  44. a.panel-block
  45. &:hover
  46. background-color: $background
  47. .panel
  48. border: 1px solid $border
  49. border-radius: $radius-large
  50. &:not(:last-child)
  51. margin-bottom: 20px