]> git.proxmox.com Git - ceph.git/blob - ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.scss
897d09a9a4b937d20dee95636059c29eda0883b9
[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / dashboard / info-card / info-card.component.scss
1 @use './src/styles/vendor/variables' as vv;
2 @use './src/styles/defaults/mixins';
3
4 $card-font-min-width: 320px;
5 $card-font-max-width: 2048px;
6 $card-font-min-size: 12px;
7 $card-font-max-size: 21px;
8
9 .card {
10 @include mixins.fluid-font-size(
11 $card-font-min-width,
12 $card-font-max-width,
13 $card-font-min-size,
14 $card-font-max-size
15 );
16 border: 0.5px solid vv.$gray-300;
17 border-radius: 3px;
18 height: 100%;
19
20 .card-body {
21 padding-top: 40px !important;
22
23 .card-title {
24 left: -0.6rem;
25 position: absolute;
26 top: -0.3rem;
27 }
28 }
29 }
30
31 .no-center {
32 left: unset;
33 position: unset;
34 top: unset;
35 transform: unset;
36 }
37
38 .content-highlight {
39 font-weight: bold;
40 }