Add $list-inline-padding variable

[skip sauce] [skip validator]

Add $list-inline-padding variable
[skip sauce] [skip validator]
e8dcb2f9 · Chris Rebert · 8a1685fd · e8dcb2f9 · e8dcb2f9
Commit e8dcb2f9 authored 9 years ago by Chris Rebert
Hide whitespace changes
Inline Side-by-side

Showing

with 5 additions and 3 deletions
+5 -3
--- a/scss/_type.scss
+++ b/scss/_type.scss
@@ -92,12 +92,12 @@ mark,
 // Inline turns list items into inline-block
 .list-inline {
  @include list-unstyled;
-  margin-left: -5px;
+  margin-left: -$list-inline-padding;

  > li {
    display: inline-block;
-    padding-right: 5px;
-    padding-left: 5px;
+    padding-right: $list-inline-padding;
+    padding-left: $list-inline-padding;
  }
 }


--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -176,6 +176,8 @@ $blockquote-border-color:     $gray-lighter !default;
 $hr-border-color:             rgba(0,0,0,.1) !default;
 $hr-border-width:             $border-width !default;

+$list-inline-padding:         5px !default;
+

 // Components
 //