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

[skip sauce]
[skip validator]

diff --git a/scss/_code.scss b/scss/_code.scss
index 59273d1781c09082c095296a9e6027240620d80d..ea660bcdbfda17800f671558acdafc9816f5cebd 100644 (file)
--- 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;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 8deca2c3d454803c084101467f65adf4c2b8263e..08b7335de94fee7f97c385634951dcb4167532d2 100644 (file)
--- 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;