sass/components/media.sass

.media-number,
.media-left,
.media-right
  flex-grow: 0
  flex-shrink: 0

.media-number
  background-color: $background
  border-radius: 290486px
  display: inline-block
  font-size: $size-medium
  height: 32px
  line-height: 24px
  margin-right: 1rem
  min-width: 32px
  padding: 4px 8px
  text-align: center
  vertical-align: top

.media-left
  margin-right: 1rem

.media-right
  margin-left: 1rem

.media-content
  flex-grow: 1
  flex-shrink: 1
  text-align: left

.media
  align-items: flex-start
  display: flex
  text-align: left
  .content:not(:last-child)
    margin-bottom: 1rem
  .media
    border-top: 1px solid rgba($border, 0.5)
    display: flex
    padding-top: 10px
    .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.4rem
      padding-top: 1.4rem
  // Responsiveness
  +tablet
    &.is-large
      .media-number
        margin-right: 1.4rem
Fix docs mobile version 2016-09-24 18:56:26 +01:00			`.media-number,`
			`.media-left,`
			`.media-right`
			`flex-grow: 0`
			`flex-shrink: 0`

Init 2016-01-24 00:03:43 +00:00			`.media-number`
Fix #242 2016-06-29 23:59:48 +01:00			`background-color: $background`
Init 2016-01-24 00:03:43 +00:00			`border-radius: 290486px`
			`display: inline-block`
			`font-size: $size-medium`
			`height: 32px`
			`line-height: 24px`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-right: 1rem`
Init 2016-01-24 00:03:43 +00:00			`min-width: 32px`
			`padding: 4px 8px`
			`text-align: center`
			`vertical-align: top`

Add column gap variable, Fix hamburger 2016-01-31 22:27:58 +00:00			`.media-left`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-right: 1rem`
Add column gap variable, Fix hamburger 2016-01-31 22:27:58 +00:00
			`.media-right`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-left: 1rem`
Add column gap variable, Fix hamburger 2016-01-31 22:27:58 +00:00
Init 2016-01-24 00:03:43 +00:00			`.media-content`
Remove flex shorthand 2016-07-31 11:45:56 +01:00			`flex-grow: 1`
Move docs to bulma repo (#299) * Add package files whitelist * Add flex shrink * Add flex shrink * Add docs config * Fix flex shrink * Fix hero pages * Add docs folder 2016-09-11 12:00:49 +01:00			`flex-shrink: 1`
Add column gap variable, Fix hamburger 2016-01-31 22:27:58 +00:00			`text-align: left`
Init 2016-01-24 00:03:43 +00:00
			`.media`
			`align-items: flex-start`
Add modals, Add block, Add has modifier 2016-02-14 22:10:05 +00:00			`display: flex`
Add column gap variable, Fix hamburger 2016-01-31 22:27:58 +00:00			`text-align: left`
Init 2016-01-24 00:03:43 +00:00			`.content:not(:last-child)`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-bottom: 1rem`
Init 2016-01-24 00:03:43 +00:00			`.media`
			`border-top: 1px solid rgba($border, 0.5)`
			`display: flex`
			`padding-top: 10px`
			`.content:not(:last-child),`
			`.control:not(:last-child)`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-bottom: 0.5rem`
Init 2016-01-24 00:03:43 +00:00			`.media`
Use em for controls 2016-10-29 18:53:30 +01:00			`padding-top: 0.5rem`
Init 2016-01-24 00:03:43 +00:00			`& + .media`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-top: 0.5rem`
Init 2016-01-24 00:03:43 +00:00			`& + .media`
			`border-top: 1px solid rgba($border, 0.5)`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-top: 1rem`
			`padding-top: 1rem`
Fix components code style 2016-04-10 16:27:27 +01:00			`// Sizes`
Init 2016-01-24 00:03:43 +00:00			`&.is-large`
			`& + .media`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-top: 1.4rem`
			`padding-top: 1.4rem`
Fix components code style 2016-04-10 16:27:27 +01:00			`// Responsiveness`
Init 2016-01-24 00:03:43 +00:00			`+tablet`
			`&.is-large`
			`.media-number`
Use em for controls 2016-10-29 18:53:30 +01:00			`margin-right: 1.4rem`