$media-border-color: bulmaRgba($border, 0.5) !default $media-spacing: 1rem $media-spacing-large: 1.5rem .media align-items: flex-start display: flex text-align: left .content:not(:last-child) margin-bottom: 0.75rem .media border-top: 1px solid $media-border-color 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 $media-border-color margin-top: $media-spacing padding-top: $media-spacing // Sizes &.is-large & + .media margin-top: $media-spacing-large padding-top: $media-spacing-large .media-left, .media-right flex-basis: auto flex-grow: 0 flex-shrink: 0 .media-left margin-inline-end: 1rem .media-right margin-inline-start: 1rem .media-content flex-basis: auto flex-grow: 1 flex-shrink: 1 text-align: inherit +mobile .media-content overflow-x: auto