feat(card): Changes styling to use custom properties

dynatrace-oss · May 20, 2020 · b5e1b7f · b5e1b7f
1 parent 6689b1b
commit b5e1b7f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 21 deletions.
diff --git a/libs/barista-components/card/src/_card-theme.scss b/libs/barista-components/card/src/_card-theme.scss
@@ -1,26 +1,15 @@
-@import '../../core/src/theming/theming';
+.dt-theme-dark {
+  .dt-card {
+    color: #ffffff;
+    background-color: rgba(255, 255, 255, 0.2);
 
-@mixin dt-theme-card($theme) {
-  $is-dark: map-get($theme, 'is-dark');
+    .dt-card-icon svg {
+      fill: #ffffff;
+    }
 
-  @if ($is-dark == true) {
-    .dt-card {
+    .dt-card-title,
+    .dt-card-subtitle {
       color: #ffffff;
-      background: rgba(255, 255, 255, 0.2);
-
-      .dt-card-icon svg {
-        fill: #ffffff;
-      }
-
-      .dt-card-title,
-      .dt-card-subtitle {
-        color: #ffffff;
-      }
     }
   }
 }
-
-// Apply the card theme to all theme definitions
-@include dt-apply-theme() {
-  @include dt-theme-card($dt-current-theme);
-}
diff --git a/libs/barista-components/card/src/card.scss b/libs/barista-components/card/src/card.scss
@@ -1,7 +1,6 @@
 @import '../../style/font-mixins';
 @import '../../core/src/style/variables';
 @import '../../core/src/style/button';
-@import '../../core/src/theming/theming';
 @import './card-theme';
 
 .dt-card {