Hotfix/card icon alignment (#92)

* card: fix icon positioning * card: icon spacing on mobile
digitalnsw · Dec 7, 2020 · 34219e1 · 34219e1
1 parent adbaa91
commit 34219e1
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/src/components/card/_card.scss b/src/components/card/_card.scss
@@ -32,15 +32,14 @@
 
   &__content {
     @include font-size('sm');
-    @include nsw-spacing(padding, md);
+    @include nsw-spacing(padding, md md xxxxl md);
     border-top: solid 6px $nsw-primary-highlight;
     display: flex;
     flex-direction: column;
     order: 2;
 
-
     @include breakpoint('lg') {
-      @include nsw-spacing(padding, xl);
+      @include nsw-spacing(padding, xl xl xxxxl xl);
     }
   }
 
@@ -76,15 +75,13 @@
 
   &__icon {
     @include nsw-spacing(margin, md none none none);
+    @include nsw-spacing(bottom, md);
+    position: absolute;
     width: rem(24px);
     height: rem(24px);
 
-    @include breakpoint('md') {
-      width: rem(24px);
-      height: rem(24px);
-    }
-
     @include breakpoint('lg') {
+      @include nsw-spacing(bottom, xl);
       @include nsw-spacing(margin, xl none none none);
     }
   }