From: Mark Otto <markdotto@gmail.com>
Date: Fri, 23 Dec 2016 04:51:34 +0000 (-0800)
Subject: reduce .media styles to their bare minimum
X-Git-Tag: v4.0.0-alpha.6~233
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b5c50d4afffdefa2d1b6d8f0934f823add18385b;p=thirdparty%2Fbootstrap.git

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
---

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;
-}