2021-08-16 18:55:12 +00:00
|
|
|
.stat-text-container {
|
|
|
|
line-height: normal;
|
2022-01-13 18:00:50 +00:00
|
|
|
max-height: 100%;
|
2021-09-16 22:28:03 +00:00
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2021-08-16 18:55:12 +00:00
|
|
|
|
|
|
|
&.l,
|
|
|
|
&.m {
|
|
|
|
.stat-label {
|
|
|
|
font-size: $size-5;
|
|
|
|
font-weight: $font-weight-semibold;
|
2021-10-26 23:10:09 +00:00
|
|
|
margin-bottom: $spacing-xxs;
|
2021-08-16 18:55:12 +00:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2022-01-13 18:00:50 +00:00
|
|
|
|
|
|
|
.has-gap {
|
|
|
|
gap: $spacing-xxl;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-text-flex-wrapper {
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-start;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
column-gap: 70px;
|
|
|
|
row-gap: 20px;
|
|
|
|
}
|