Add blacklistCard style (#1450)

* feat(blacklistcard): add style to vapor * feat(table): rename to mod-card-list * fix(tablecards): update mod-card-list and mod-card
coveo · Feb 24, 2020 · c9fc2e2 · c9fc2e2
1 parent 4949396
commit c9fc2e2
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/packages/vapor/scss/tables/table.scss b/packages/vapor/scss/tables/table.scss
@@ -176,6 +176,37 @@
     &.mod-deleting tbody tr.selected td {
         background-color: rgba($red, 0.1);
     }
+
+    .mod-card-list {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
+
+        .mod-card {
+            height: unset !important;
+
+            & td {
+                padding: $status-card-padding;
+                border-radius: $big-border-radius;
+
+                &:hover {
+                    background-color: $grey-2;
+                }
+
+                &:focus {
+                    background-color: $grey-1;
+                    border-left: $status-card-border-width solid $orange;
+                }
+
+                & span {
+                    color: $dark-grey;
+                }
+            }
+        }
+
+        td {
+            border-bottom: none !important;
+        }
+    }
 }
 
 .table-layout-fixed {