Mercurial > packages > framework

comparison 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
comparison
equal deleted inserted replaced
3:e107504fa22c 4:84c75d9d90be
1 .dashboard-card{
2 min-width: 170px;
3 padding: 1.5rem;
4 border-radius: var(--bs-border-radius, 12px);
5 background-color: var(--bs-white, #fff);
6 display: flex;
7 align-items: center;
8 gap: var(--bs-gap-4, 24px);
9 height: 100%;
10 box-shadow: var(--bs-box-shadow);
11
12 .icon {
13 border-radius: 99px;
14 display: inline-flex;
15 flex-wrap: wrap;
16 height: 3em;
17 width: 3em;
18 justify-content: center;
19 align-content: center;
20
21 &.blue {
22 background-color: $blue-100;
23 color: $blue-600;
24 }
25
26 &.green {
27 background-color: $teal-100;
28 color: $teal-600;
29 }
30
31 &.purple {
32 background-color: $purple-100;
33 color: $purple-600;
34 }
35 }
36 }