From b5c50d4afffdefa2d1b6d8f0934f823add18385b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 22 Dec 2016 20:51:34 -0800 Subject: [PATCH] reduce .media styles to their bare minimum Sets minimum required flex styles (including an explicit starting alignment) and removes everything else. - no need for .media-left and .media-right, we have padding utils - no need for a .media-heading, we have margin - no need for .media-object, we have display utils - no need for .media-list, we have .list-unstyled util --- scss/_media.scss | 55 ++---------------------------------------------- 1 file changed, 2 insertions(+), 53 deletions(-) diff --git a/scss/_media.scss b/scss/_media.scss index 5e14081622..b573052c14 100644 --- a/scss/_media.scss +++ b/scss/_media.scss @@ -1,59 +1,8 @@ .media { display: flex; + align-items: flex-start; } + .media-body { flex: 1; } -.media-middle { - align-self: center; -} -.media-bottom { - align-self: flex-end; -} - - -// -// 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: $media-alignment-padding-x; -} - -.media-left { - padding-right: $media-alignment-padding-x; -} - - -// -// Headings -// - -.media-heading { - margin-top: 0; - margin-bottom: $media-heading-margin-bottom; -} - - -// -// Media list variation -// - -.media-list { - padding-left: 0; - list-style: none; -}