2021-06-26 22:02:00 +02:00
|
|
|
/*
|
|
|
|
* SPDX-FileCopyrightText: 2021 Johannes Loher
|
|
|
|
*
|
|
|
|
* SPDX-License-Identifier: MIT
|
|
|
|
*/
|
|
|
|
|
2022-01-21 03:22:17 +01:00
|
|
|
@use "../../utils/colors";
|
|
|
|
@use "../../utils/mixins";
|
|
|
|
@use "../../utils/variables";
|
2021-03-24 20:10:14 +01:00
|
|
|
|
|
|
|
.ds4-core-value {
|
|
|
|
align-items: center;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
&__label {
|
2022-01-21 03:22:17 +01:00
|
|
|
@include mixins.font-heading-upper;
|
2021-03-24 20:10:14 +01:00
|
|
|
flex: 1;
|
|
|
|
font-size: 2em;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__value {
|
|
|
|
align-items: center;
|
|
|
|
display: flex;
|
|
|
|
flex: 1.1;
|
|
|
|
font-size: 1.2em;
|
|
|
|
gap: 0.15em;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__value-input,
|
|
|
|
&__value-total {
|
|
|
|
flex: 1 1 4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
&--trait {
|
|
|
|
.ds4-core-value__label {
|
|
|
|
-webkit-text-stroke: 1px colors.$c-black;
|
|
|
|
color: transparent;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|