1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
twbs--bootstrap/scss/_media.scss

89 lines
1 KiB
SCSS
Raw Normal View History

2015-04-18 14:38:47 -04:00
//
// Media
// --------------------------------------------------
2015-04-27 04:50:38 -04:00
@if $enable-flex {
.media {
display: flex;
margin-bottom: $spacer;
}
.media-body {
flex: 1;
}
} @else {
.media {
margin-top: 15px;
2015-04-27 04:50:38 -04:00
&: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;
}
2014-10-25 21:13:35 -04:00
}
2015-04-27 04:50:38 -04:00
//
// Images/elements as the media anchor
//
.media-object {
display: block;
2015-06-19 02:56:43 -04:00
// Fix collapse in webkit from max-width: 100% and display: table-cell.
&.img-thumbnail {
max-width: none;
}
}
2015-04-27 04:50:38 -04:00
//
// Alignment
//
2015-05-29 19:05:42 -04:00
.media-right {
2014-10-25 21:13:35 -04:00
padding-left: 10px;
}
2015-05-29 19:05:42 -04:00
.media-left {
2014-10-25 21:13:35 -04:00
padding-right: 10px;
}
2014-10-25 21:13:35 -04:00
2015-04-27 04:50:38 -04:00
//
// Headings
//
.media-heading {
2014-10-25 21:13:35 -04:00
margin-top: 0;
margin-bottom: 5px;
}
2015-04-27 04:50:38 -04:00
//
// Media list variation
2014-10-25 21:13:35 -04:00
//
2015-04-27 04:50:38 -04:00
.media-list {
padding-left: 0;
list-style: none;
}