1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-29 08:10:47 +02:00

Fixes #14799: Add vertical alignment of image in media component

Signed-off-by: Jenn Dodd <jedodd@pivotal.io>
This commit is contained in:
Nicole Sullivan
2014-10-14 17:09:57 -04:00
committed by Jenn Dodd
parent 3bea2a45ef
commit 919b4ccb15
4 changed files with 150 additions and 91 deletions

View File

@@ -4886,29 +4886,34 @@ a.thumbnail.active {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media,
.media .media {
.media {
margin-top: 15px;
}
.media .media-right,
.media .pull-right {
padding-left: 10px;
}
.media .media-left,
.media .pull-left {
padding-right: 10px;
}
.media:first-child {
margin-top: 0;
}
.media-object {
display: block;
.media .media-left,
.media .media-right,
.media .media-body {
display: table-cell;
vertical-align: top;
}
.media .media-middle {
vertical-align: middle;
}
.media .media-bottom {
vertical-align: bottom;
}
.media-heading {
margin: 0 0 5px;
}
.media > .pull-left {
margin-right: 10px;
}
.media > .pull-right {
margin-left: 10px;
margin: 0 0 5px 0;
}
.media-list {
padding-left: 0;