style(pullquote): create variable for icon font size

eea · Mar 21, 2022 · fea9b0a · fea9b0a
1 parent 78e4606
commit fea9b0a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/theme/themes/eea/extras/pullquote.less b/theme/themes/eea/extras/pullquote.less
@@ -23,7 +23,7 @@
     i.icon {
       display: flex;
       align-items: flex-end;
-      font-size: 1.8rem;
+      font-size: @mobileQuoteIconSize;
       color: @quoteIconColor;
     }
 
@@ -59,7 +59,7 @@
       }
 
       i.icon {
-        font-size: @quoteIconSize;
+        font-size: @tabletQuoteIconSize;
       }
     }
   }

diff --git a/theme/themes/eea/extras/pullquote.variables b/theme/themes/eea/extras/pullquote.variables
@@ -28,6 +28,7 @@
 @metaFontSize        : 1rem;
 
 /* Icon */
-@quoteIconSize      : 3rem;
-@quoteIconColor     : @secondaryColor;
-@quoteDownIconFloat : right;
+@mobileQuoteIconSize : 2rem;
+@tabletQuoteIconSize : 3rem;
+@quoteIconColor      : @secondaryColor;
+@quoteDownIconFloat  : right;