refactor(card):adjust to volto theming

eea · Feb 3, 2022 · 2ab6f91 · 2ab6f91
1 parent 213eb11
commit 2ab6f91
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 25 deletions.
diff --git a/src/customizations/components/theme/Card/Card.stories.js b/src/customizations/components/theme/Card/Card.stories.js
@@ -68,7 +68,7 @@ export default {
 };
 
 const Template = (args) => (
-  <Card fluid={args.fluid} className="eea-card">
+  <Card fluid={args.fluid}>
     {args.hasImage && (
       <Image
         src="https://www.eea.europa.eu/media/pictures/european-environment-agency-building-with/image_large"

diff --git a/theme/themes/eea/views/card.overrides b/theme/themes/eea/views/card.overrides
@@ -1,21 +1,3 @@
 /*******************************
          Theme Overrides
 *******************************/
-
-div.ui.card,
-.ui.card.eea-card {
-  border: @cardBorder;
-  background: @background;
-  border-radius: @defaultBorderRadius;
-  box-shadow: @eeaGlobalShadow;
-  font-family: @pageFont;
-  font-size: @fontSize;
-
-  .meta {
-    color: @metaColor;
-  }
-
-  .extra.content a {
-    color: @extraColor;
-  }
-}
diff --git a/theme/themes/eea/views/card.variables b/theme/themes/eea/views/card.variables
@@ -23,11 +23,8 @@
 @width: 290px;
 @borderWidth: 1px;
 @borderShadow: 0px 0px 0px @borderWidth @solidBorderColor;
-@boxShadow:
-  @shadowBoxShadow,
-  @borderShadow
-;
-@border: none;
+@boxShadow: @eeaGlobalShadow;
+@border: 1px solid @midGray;
 @zIndex: '';
 @transition:
   box-shadow @defaultDuration @defaultEasing,
@@ -138,7 +135,7 @@
 @extraTransition: color @defaultDuration @defaultEasing;
 
 /* Extra Links */
-@extraLinkColor: @unselectedTextColor;
+@extraLinkColor: @linkColor;
 @extraLinkHoverColor: @linkHoverColor;
 
 /* Buttons */