added a reusable scss mixin for new card layout

2022-07-27 11:15:40 -05:00 · 2022-07-27 11:15:40 -05:00 · 939dac0430
parent 6d8f959b51
commit 939dac0430
1 changed files with 41 additions and 4 deletions
--- a/src/stylesheets/components/_cards.scss
+++ b/src/stylesheets/components/_cards.scss
@ -62,3 +62,40 @@
        }
    }
 }
+
+@mixin selene-card {
+    border-radius: 12px;
+    margin: 16px;
+    max-width: 500px;
+    min-width: 300px;
+    //padding: 16px;
+
+    mat-card-header {
+        fa-icon {
+            font-size: 32px;
+            color: mat-color($mycroft-primary);
+            padding-left: 16px;
+            padding-top: 8px;
+        }
+
+        mat-card-title {
+            font-weight: bold;
+            padding-top: 16px;
+        }
+    }
+
+    mat-card-content {
+        padding-left: 16px;
+        padding-right: 16px;
+        padding-top: 16px;
+    }
+
+    mat-card-actions {
+        padding-left: 16px;
+
+        a {
+            @include action-button-primary;
+            margin: 16px;
+        }
+    }
+}