einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-14 00:36:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Breakpoint-dependent font sizes

Browse Source
This commit is contained in:
Dennis Reimann
2022-04-29 15:50:22 +02:00
parent ae062dfeb1
commit a9070ecf3e
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/base/variables.css
View File

@@ -46,7 +46,6 @@
--font-weight-regular: 400; --font-weight-regular: 400;
--font-weight-bold: 700; --font-weight-bold: 700;
--font-size-base: 18px;
--font-size-xs: .75rem; --font-size-xs: .75rem;
--font-size-s: .85rem; --font-size-s: .85rem;
--font-size-m: 1rem; --font-size-m: 1rem;
@@ -55,12 +54,15 @@
--font-size-xxl: 2.25rem; --font-size-xxl: 2.25rem;
@media (--up_to_M) { @media (--up_to_M) {
--font-size-base: 16px;
--wrap-padding-horizontal: var(--space-l); --wrap-padding-horizontal: var(--space-l);
} }
@media (--M_to_L) { @media (--M_to_L) {
--font-size-base: 18px;
--wrap-padding-horizontal: var(--space-xl); --wrap-padding-horizontal: var(--space-xl);
} }
@media (--L_and_up) { @media (--L_and_up) {
--font-size-base: 20px;
--wrap-padding-horizontal: var(--space-xxl); --wrap-padding-horizontal: var(--space-xxl);
} }