mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-30 19:11:09 +02:00
7f03393630
* fix button padding * rename spacing variables using numerical values * fix toggle aligment * remove unused toggle classes * replace margin and padding with spacing vars * increase base font size * remove switch css, use toggle consistently * remaining margin/padding size vars to spacing pixels * add deprecated note, rever changes to size vars * decrease console size * remove function * adjust card size for small selectable cards * fix select to fit to content width * fix toolbar-scroller height * add changelog; * fix checkbox styling
111 lines
2.2 KiB
SCSS
111 lines
2.2 KiB
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
.stat-text-container {
|
|
line-height: normal;
|
|
max-height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&.l,
|
|
&.m {
|
|
.stat-label {
|
|
font-size: $size-5;
|
|
font-weight: $font-weight-semibold;
|
|
margin-bottom: $spacing-4;
|
|
line-height: inherit;
|
|
}
|
|
.stat-text {
|
|
font-size: $size-8;
|
|
font-weight: $font-weight-normal;
|
|
color: $ui-gray-700;
|
|
line-height: inherit;
|
|
}
|
|
.stat-value {
|
|
font-size: $size-3;
|
|
font-weight: $font-weight-normal;
|
|
margin-top: $spacing-12;
|
|
}
|
|
}
|
|
|
|
&.s {
|
|
.stat-label {
|
|
font-size: $size-5;
|
|
font-weight: $font-weight-semibold;
|
|
line-height: inherit;
|
|
}
|
|
.stat-text {
|
|
font-size: $size-8;
|
|
font-weight: $font-weight-normal;
|
|
color: $ui-gray-700;
|
|
line-height: inherit;
|
|
}
|
|
.stat-value {
|
|
font-size: $size-5;
|
|
font-weight: $font-weight-normal;
|
|
margin-top: $spacing-12;
|
|
}
|
|
}
|
|
|
|
&.l-no-subText {
|
|
.stat-label {
|
|
font-size: $size-5;
|
|
font-weight: $font-weight-semibold;
|
|
line-height: inherit;
|
|
}
|
|
.stat-text {
|
|
font-size: $size-8;
|
|
font-weight: $font-weight-normal;
|
|
color: $ui-gray-700;
|
|
line-height: inherit;
|
|
}
|
|
.stat-value {
|
|
font-size: $size-3;
|
|
font-weight: $font-weight-normal;
|
|
margin-top: $spacing-4;
|
|
}
|
|
}
|
|
|
|
&.m-no-subText {
|
|
.stat-label {
|
|
font-size: $size-8;
|
|
font-weight: $font-weight-bold;
|
|
line-height: inherit;
|
|
}
|
|
.stat-text {
|
|
font-size: $size-8;
|
|
font-weight: $font-weight-normal;
|
|
color: $ui-gray-700;
|
|
line-height: inherit;
|
|
}
|
|
.stat-value {
|
|
font-size: $size-5;
|
|
font-weight: $font-weight-normal;
|
|
margin-top: $spacing-4;
|
|
}
|
|
}
|
|
|
|
&.s-no-subText {
|
|
.stat-label {
|
|
font-size: $size-8;
|
|
font-weight: $font-weight-normal;
|
|
color: $ui-gray-500;
|
|
line-height: inherit;
|
|
}
|
|
.stat-text {
|
|
font-size: $size-8;
|
|
font-weight: $font-weight-normal;
|
|
color: $ui-gray-700;
|
|
line-height: inherit;
|
|
}
|
|
.stat-value {
|
|
font-size: $size-8;
|
|
font-weight: $font-weight-normal;
|
|
color: $ui-gray-800;
|
|
line-height: inherit;
|
|
}
|
|
}
|
|
}
|