.media
align-items: flex-start display: flex text-align: left .content:not(:last-child) margin-bottom: 0.75rem .media border-top: 1px solid rgba($border, 0.5) display: flex padding-top: 0.75rem .content:not(:last-child), .control:not(:last-child) margin-bottom: 0.5rem .media padding-top: 0.5rem & + .media margin-top: 0.5rem & + .media border-top: 1px solid rgba($border, 0.5) margin-top: 1rem padding-top: 1rem // Sizes &.is-large & + .media margin-top: 1.5rem padding-top: 1.5rem
.media-left, .media-right
flex-basis: auto flex-grow: 0 flex-shrink: 0
.media-left
margin-right: 1rem
.media-right
margin-left: 1rem
.media-content
flex-basis: auto flex-grow: 1 flex-shrink: 1 text-align: left
+mobile
.media-content overflow-x: auto