From: Jason Schindler Date: Fri, 23 Mar 2018 03:31:11 +0000 (-0500) Subject: Swaps specific callout padding size variables for a map of size to padding X-Git-Tag: v6.6.0~3^2~264^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F11084%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git 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 70a7edb06..979a5ad31 100644 --- 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); + } } } }