open-vault/ui/app/styles/components/stat-text.scss

111 lines
2.2 KiB
SCSS
Raw Normal View History

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
.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-xxs;
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-s;
}
}
&.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-s;
}
}
&.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-xxs;
}
}
&.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-xxs;
}
}
&.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;
}
}
}