Extract $code-padding-{x,y} variables

[skip sauce] [skip validator]

Extract $code-padding-{x,y} variables
[skip sauce] [skip validator]
67ecc8ca · Chris Rebert · 881e51d4 · 67ecc8ca · 67ecc8ca
Commit 67ecc8ca authored 9 years ago by Chris Rebert
Hide whitespace changes
Inline Side-by-side

Showing

with 4 additions and 2 deletions
+4 -2
--- a/scss/_code.scss
+++ b/scss/_code.scss
@@ -8,7 +8,7 @@ samp {

 // Inline code
 code {
-  padding: .2rem .4rem;
+  padding: $code-padding-y $code-padding-x;
  font-size: $code-font-size;
  color: $code-color;
  background-color: $code-bg;
@@ -17,7 +17,7 @@ code {

 // User input typically entered via keyboard
 kbd {
-  padding: .2rem .4rem;
+  padding: $code-padding-y $code-padding-x;
  font-size: $code-font-size;
  color: $kbd-color;
  background-color: $kbd-bg;

--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -787,6 +787,8 @@ $close-text-shadow:           0 1px 0 #fff !default;
 // Code

 $code-font-size:              90% !default;
+$code-padding-x:              .4rem !default;
+$code-padding-y:              .2rem !default;
 $code-color:                  #bd4147 !default;
 $code-bg:                     #f7f7f9 !default;