media.sass 860 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .media
  2. align-items: flex-start
  3. display: flex
  4. text-align: left
  5. .content:not(:last-child)
  6. margin-bottom: 0.75rem
  7. .media
  8. border-top: 1px solid rgba($border, 0.5)
  9. display: flex
  10. padding-top: 0.75rem
  11. .content:not(:last-child),
  12. .control:not(:last-child)
  13. margin-bottom: 0.5rem
  14. .media
  15. padding-top: 0.5rem
  16. & + .media
  17. margin-top: 0.5rem
  18. & + .media
  19. border-top: 1px solid rgba($border, 0.5)
  20. margin-top: 1rem
  21. padding-top: 1rem
  22. // Sizes
  23. &.is-large
  24. & + .media
  25. margin-top: 1.5rem
  26. padding-top: 1.5rem
  27. .media-left,
  28. .media-right
  29. flex-basis: auto
  30. flex-grow: 0
  31. flex-shrink: 0
  32. .media-left
  33. margin-right: 1rem
  34. .media-right
  35. margin-left: 1rem
  36. .media-content
  37. flex-basis: auto
  38. flex-grow: 1
  39. flex-shrink: 1
  40. text-align: left
  41. +mobile
  42. .media-content
  43. overflow-x: auto