@import "./var";

/*********** media object ***********/
.#{$prefix}media{
  display: flex;
  align-items: flex-start;
  color:$color-text;
}
.#{$prefix}media + .#{$prefix}media{
    margin-top:20px;
}

.#{$prefix}media__left,
.#{$prefix}media__body {
  flex:auto;
  text-align:left;
  line-height:$media-body-line-height;
}
.#{$prefix}media__left {
  flex:none;
  padding-right:$media-left-padding-right;
}


.#{$prefix}media--middle .#{$prefix}media,
.#{$prefix}media--middle.#{$prefix}media {
  align-items: center;
}
.#{$prefix}media--bottom .#{$prefix}media,
.#{$prefix}media--bottom.#{$prefix}media {
  align-items: flex-end;
}
.#{$prefix}media--reverse .#{$prefix}media,
.#{$prefix}media--reverse.#{$prefix}media{
  flex-direction: row-reverse;

  .#{$prefix}media__left{
    padding-right: 0;
    padding-left: 10px;
  }
}