add settings var for accordion title font size

diff --git a/scss/components/_accordion.scss b/scss/components/_accordion.scss
index 3d07bad01009f18a43a9d986779dafdb9c116514..9037cd10e922a0e359e132b5b92b4567153d0e61 100644 (file)
--- a/scss/components/_accordion.scss
+++ b/scss/components/_accordion.scss
@@ -14,6 +14,10 @@ $accordion-background: $white !default;
 /// @type Boolean
 $accordion-plusminus: true !default;
 
+/// Font size of accordion titles.
+/// @type Number
+$accordion-title-font-size: rem-calc(12) !default;
+
 /// Default text color for items in a Menu.
 /// @type Color
 $accordion-item-color: foreground($accordion-background, $primary-color) !default;
@@ -57,7 +61,7 @@ $accordion-content-padding: 1rem !default;
   display: block;
   padding: $accordion-item-padding;
   line-height: 1;
-  font-size: rem-calc(12);
+  font-size: $accordion-title-font-size;
   color: $accordion-item-color;
   position: relative;
   border-bottom: $accordion-content-border;

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index c28cdfe3f3058f207a2249c484dc319e14161e03..f1f3fc4ea77518f5cbef0cf478fd6b118786d5c0 100644 (file)
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -195,6 +195,7 @@ $input-error-font-weight: $global-weight-bold;
 
 $accordion-background: $white;
 $accordion-plusminus: true;
+$accordion-title-font-size: rem-calc(12);
 $accordion-item-color: foreground($accordion-background, $primary-color);
 $accordion-item-background-hover: $light-gray;
 $accordion-item-padding: 1.25rem 1rem;