91 lines
1.1 KiB
SCSS
91 lines
1.1 KiB
SCSS
|
@if $enable-flex {
|
||
|
|
.media {
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: $spacer;
|
||
|
|
}
|
||
|
|
.media-body {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.media-middle {
|
||
|
|
align-self: center;
|
||
|
|
}
|
||
|
|
.media-bottom {
|
||
|
|
align-self: flex-end;
|
||
|
|
}
|
||
|
|
} @else {
|
||
|
|
.media {
|
||
|
|
margin-top: 15px;
|
||
|
|
|
||
|
|
&:first-child {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.media,
|
||
|
|
.media-body {
|
||
|
|
overflow: hidden;
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
.media-body {
|
||
|
|
width: 10000px;
|
||
|
|
}
|
||
|
|
.media-left,
|
||
|
|
.media-right,
|
||
|
|
.media-body {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
.media-middle {
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.media-bottom {
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//
|
||
|
|
// Images/elements as the media anchor
|
||
|
|
//
|
||
|
|
|
||
|
|
.media-object {
|
||
|
|
display: block;
|
||
|
|
|
||
|
|
// Fix collapse in webkit from max-width: 100% and display: table-cell.
|
||
|
|
&.img-thumbnail {
|
||
|
|
max-width: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//
|
||
|
|
// Alignment
|
||
|
|
//
|
||
|
|
|
||
|
|
.media-right {
|
||
|
|
padding-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.media-left {
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//
|
||
|
|
// Headings
|
||
|
|
//
|
||
|
|
|
||
|
|
.media-heading {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//
|
||
|
|
// Media list variation
|
||
|
|
//
|
||
|
|
|
||
|
|
.media-list {
|
||
|
|
padding-left: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|