Swaps specific callout padding size variables for a map of size to padding

diff --git a/scss/components/_callout.scss b/scss/components/_callout.scss
index 70a7edb06a1128b198e66d32bd44bbb4cf393d55..979a5ad31693d1e74340630f6a3351856d448513 100644 (file)
--- a/scss/components/_callout.scss
+++ b/scss/components/_callout.scss
@@ -22,17 +22,13 @@ $callout-border: 1px solid rgba($black, 0.25) !default;
 /// @type Number
 $callout-margin: 0 0 1rem 0 !default;
 
-/// Default inner padding for callouts.
-/// @type Number
-$callout-padding: 1rem !default;
-
-/// Default inner padding for small callouts.
-/// @type Number
-$callout-small-padding: 0.5rem !default;
-
-/// Default inner padding for large callouts.
-/// @type Number
-$callout-large-padding: 3rem !default;
+/// Sizes for Callout paddings.
+/// @type Map
+$callout-sizes: (
+  small: 0.5rem,
+  default: 1rem,
+  large: 3rem,
+) !default;
 
 /// Default font color for callouts.
 /// @type Color
@@ -54,7 +50,7 @@ $callout-link-tint: 30% !default;
 @mixin callout-base() {
   position: relative;
   margin: $callout-margin;
-  padding: $callout-padding;
+  padding: map-get($callout-sizes, default);
 
   border: $callout-border;
   border-radius: $callout-radius;
@@ -103,12 +99,10 @@ $callout-link-tint: 30% !default;
       }
     }
 
-    &.small {
-      @include callout-size($callout-small-padding);
-    }
-
-    &.large {
-      @include callout-size($callout-large-padding);
+    @each $size, $padding in map-remove($callout-sizes, default) {
+      &.#{$size} {
+        @include callout-size($padding);
+      }
     }
   }
 }