Contents

$media-border-color: rgba($border, 0.5) !default

.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: 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

Version data entries

13 entries across 13 versions & 4 rubygems

Version	Path
jekyll-bulma-0.9.2	_sass/components/media.sass
jekyll-bulma-0.9.1	_sass/components/media.sass
bulma-clean-theme-0.7.2	node_modules/bulma/sass/components/media.sass
bulma-sass-0.8.0	app/assets/stylesheets/sass/components/media.sass
bulma-clean-theme-0.7.1	node_modules/bulma/sass/components/media.sass
jekyll-bulma-0.9.0	_sass/components/media.sass
bulma-clean-theme-0.7	node_modules/bulma/sass/components/media.sass
jekyll-bulma-0.8.1	_sass/components/media.sass
jekyll-bulma-0.8	_sass/components/media.sass
bulma-clean-theme-0.6.5	node_modules/bulma/sass/components/media.sass
bulma-clean-theme-0.6.4	node_modules/bulma/sass/components/media.sass
bulma-clean-theme-0.6.3	node_modules/bulma/sass/components/media.sass
bulma-rails-0.8.0	app/assets/stylesheets/sass/components/media.sass