global var updates and radio story

eea · Jan 14, 2022 · 9526ee2 · 9526ee2
1 parent d5724fe
commit 9526ee2
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 47 deletions.
diff --git a/src/customizations/components/theme/Radio/Radio.stories.js b/src/customizations/components/theme/Radio/Radio.stories.js
diff --git a/theme/themes/eea/globals/site.overrides b/theme/themes/eea/globals/site.overrides
@@ -2,6 +2,21 @@
         Global Overrides
 *******************************/
 
+body,
+p {
+  font-family: @pageFont !important;
+}
+
+.eeaBlockquote {
+  border-left: 10px solid @secondaryColor;
+}
+
+.eeaBlockquote .blockquoteQuote {
+  margin: @relative12px @relative30px;
+  color: @japaneseIndigo;
+  font-size: @h3;
+}
+
 /*-------------------
       FOOTER IMS overrides
 --------------------*/

diff --git a/theme/themes/eea/globals/site.variables b/theme/themes/eea/globals/site.variables
@@ -44,6 +44,8 @@
 */
 @relativeBorderRadius: @relative4px;
 @absoluteBorderRadius: 0px;
+@eeaMenuBorder : @relative2px solid;
+@eeaButtonBorder: @relative2px solid;
 
 @defaultBorderRadius: @absoluteBorderRadius;
 
@@ -52,11 +54,11 @@
 --------------------*/
 
 @primaryColor         : @darkCerulean;
-@secondaryColor       : @darkCyan;
+@secondaryColor       : @pineGreen;
 @secondaryColorDarken : darken(@secondaryColor, 5%);
 
-@lightPrimaryColor    : @pearlAqua;
-@lightSecondaryColor  : @carolinaBlue;
+@lightPrimaryColor    : @steelBlue;
+@lightSecondaryColor  : @pearlAqua;
 
 /*--------------
   Page Heading
@@ -75,6 +77,8 @@
 /*--------------
    Form Input
 ---------------*/
+/* Max width for inputs with no fluid class */
+@inputMaxWidth: 400px;
 
 /* This adjusts the default form input across all elements */
 @inputBackground        : @white;
@@ -250,9 +254,9 @@
      Breakpoints
 --------------------*/
 
-@mobileBreakpoint            : 320px;
+@mobileBreakpoint            : 480px;
 @tabletBreakpoint            : 768px;
-@computerBreakpoint          : 992px;
+@computerBreakpoint          : 1025px;
 @largeMonitorBreakpoint      : 1200px;
 @widescreenMonitorBreakpoint : 1920px;
 
@@ -262,31 +266,31 @@
 
 /*---  EEA Colors  ---*/
 
-// Green Colors
+// Green Colors - Darker to lighter
+@metallicBlue     : #2E6173;
+@pineGreen        : #007B6C;
 @darkCyan         : #00928F;
-@ming             : #346F83;
-@steelBlue        : #478EA5;
 @pearlAqua        : #74CBC8;
-@powderBlue       : #AEDFE8;
+@powderBlue       : #AEDFE8; 
 
-// Blue Colors
-//@mediumPersianBlue  : #0065A4;
+// Blue Colors - Darker to lighter
+@darkMidnightBlue   : #0A3D61;
 @darkCerulean       : #004B7F;
-@mediumElectricBlue : #00568C;
-@blueSapphire       : #1C618C;
-@carolinaBlue       : #5CA1CC;
-@freshAir           : #B2E1FF;
+@mediumPersianBlue  : #0065A4;
+@steelBlue          : #478EA5;
+@midBlue            : #75C9DB;
 
-// Secondary Colors
-@darkBlue         : #3D5265;
+// Secondary Colors - Darker to lighter
+@japaneseIndigo   : #2E3E4C;
+@policeBlue       : #3D5265;
 @UCLABlue         : #54728C;
 @weldonBlue       : #7495B2;
 @lightSteelBlue   : #ACCAE5;
 
 //Gray Colors
 @black            : #000000;
 @oldSilver        : #808285;
-@mIdGray          : #BCBEC0;
+@midGray          : #BCBEC0;
 @silverGray       : #E6E7E8;
 @white            : #FFFFFF;
 
@@ -831,6 +835,7 @@
 --------------------*/
 
 /*---  Shadows  ---*/
+@eeaGlobalShadow: none;
 @floatingShadowHover:
   0px 2px 4px 0px rgba(34, 36, 38, 0.15),
   0px 2px 10px 0px rgba(34, 36, 38, 0.25)