Add variables for media object margins and padding

[skip sauce]
[skip validator]

diff --git a/scss/_media.scss b/scss/_media.scss
index 1fc466cb7eb735d6ac70e8c7912d63b9fac0bb2c..d970c946a0f40b77b4a718466d2ca6b879a91d6f 100644 (file)
--- a/scss/_media.scss
+++ b/scss/_media.scss
@@ -14,7 +14,7 @@
   }
 } @else {
   .media {
-    margin-top: 15px;
+    margin-top: $media-margin-top;
 
     &:first-child {
       margin-top: 0;
@@ -61,11 +61,11 @@
 //
 
 .media-right {
-  padding-left: 10px;
+  padding-left: $media-alignment-padding-x;
 }
 
 .media-left {
-  padding-right: 10px;
+  padding-right: $media-alignment-padding-x;
 }
 
 
@@ -75,7 +75,7 @@
 
 .media-heading {
   margin-top: 0;
-  margin-bottom: 5px;
+  margin-bottom: $media-heading-margin-bottom;
 }
 
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6c3e725c208eb279fdaa1a16a0039ec660166ebe..fa702c972c7c198d0ce48e4f70d98a164724f87d 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -626,6 +626,13 @@ $breadcrumb-active-color:       $gray-light !default;
 $breadcrumb-divider:            "/" !default;
 
 
+// Media objects
+
+$media-margin-top:            15px !default;
+$media-heading-margin-bottom:  5px !default;
+$media-alignment-padding-x:   10px !default;
+
+
 // Carousel
 
 $carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;