semantic-styles
Version:
"Responsive, Themed, UI Design System."
23 lines (21 loc) • 518 B
CSS
:root {
--6: 144px;
--5: 89px;
--4: 55px;
--3: 34px;
--2: 21px;
--1: 13px;
--0: 8px;
--mobile-denominator: 1.3;
}
@media (max-width: 900px) {
:root {
--6: calc(144px / var(--mobile-denominator));
--5: calc(89px / var(--mobile-denominator));
--4: calc(55px / var(--mobile-denominator));
--3: calc(34px / var(--mobile-denominator));
--2: calc(21px / var(--mobile-denominator));
--1: calc(13px / var(--mobile-denominator));
--0: calc(8px / var(--mobile-denominator));
}
}