Extract card element

2019-06-05 12:41:16 -04:00
parent 241495cb8f
commit e3f2154310
3 changed files with 35 additions and 37 deletions
--- a/styles/elements/_card.scss
+++ b/styles/elements/_card.scss
@@ -0,0 +1,34 @@
+.card {
+  width: 100%;
+  box-shadow: $box-shadow-big;
+  padding: ($gap * 2) ($gap * 2.5) ($gap * 4) ($gap * 3);
+  margin-bottom: 20px;
+
+  .card__status {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-around;
+
+    .card__status-spacer {
+      flex-grow: 10;
+    }
+  }
+
+  .card__header h3 {
+    margin-top: 0;
+  }
+
+  .card__body {
+    font-size: $small-font-size;
+  }
+}
+
+.card {
+  .label {
+    margin-left: 0;
+  }
+
+  .datetime {
+    font-size: $small-font-size;
+  }
+}