asi-calculator/features/prices/components/Price/PriceChange.module.css

34 lines
535 B
CSS
Raw Permalink Normal View History

.change {
font-size: 0.7rem;
2024-04-14 19:44:10 +02:00
--color-positive: #3d9970;
--color-negative: #ff4136;
}
/* culture-sensitive color psychology */
2024-04-14 12:52:37 +02:00
.change[data-locale|='zh'],
.change[data-locale|='ja'] {
--color-positive: #ff4136;
2024-04-14 19:44:10 +02:00
--color-negative: #3d9970;
}
2024-04-14 12:52:37 +02:00
.change[data-locale|='ko'] {
--color-positive: #0074d9;
2024-04-14 19:44:10 +02:00
--color-negative: #3d9970;
}
.change svg {
position: relative;
top: 0.15rem;
width: 13px;
height: 13px;
}
.change.positive {
color: var(--color-positive);
}
.change.negative {
color: var(--color-negative);
}