mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
4de483a411
It should be unnecessary since we only support IE>=9, and this hasLayout hack is for IE6-7. https://developer.mozilla.org/en-US/docs/Web/CSS/zoom http://stackoverflow.com/questions/1794350/what-is-haslayout [skip sauce] [skip validator]
90 lines
1.0 KiB
SCSS
90 lines
1.0 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;
|
|
}
|
|
.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;
|
|
}
|