Mercurial > packages > framework

diff publishable/resources/sass/dashboard.scss @ 4:84c75d9d90be

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Changing usage to be bootstrap 5, not everything is reviewed but it's been started
author luka
date Tue, 19 Aug 2025 20:33:35 -0400
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/publishable/resources/sass/dashboard.scss	Tue Aug 19 20:33:35 2025 -0400
@@ -0,0 +1,36 @@
+.dashboard-card{
+  min-width: 170px;
+  padding: 1.5rem;
+  border-radius: var(--bs-border-radius, 12px);
+  background-color: var(--bs-white, #fff);
+  display: flex;
+  align-items: center;
+  gap: var(--bs-gap-4, 24px);
+  height: 100%;
+  box-shadow: var(--bs-box-shadow);
+
+  .icon {
+    border-radius: 99px;
+    display: inline-flex;
+    flex-wrap: wrap;
+    height: 3em;
+    width: 3em;
+    justify-content: center;
+    align-content: center;
+
+    &.blue {
+      background-color: $blue-100;
+      color: $blue-600;
+    }
+
+    &.green {
+      background-color: $teal-100;
+      color: $teal-600;
+    }
+
+    &.purple {
+      background-color: $purple-100;
+      color: $purple-600;
+    }
+  }
+}