diff --git a/src/back/jdd-components/tekst/tekst.css b/src/back/jdd-components/tekst/tekst.css index 7b331fa..b48ba72 100644 --- a/src/back/jdd-components/tekst/tekst.css +++ b/src/back/jdd-components/tekst/tekst.css @@ -24,4 +24,14 @@ background-color: var(--color-brand-text-bg); color: var(--color-brand-text-accent2); } + + h1 { + line-height: 32px; + hyphens: none; + + @container (max-width: 400px) { + hyphens: auto; + font-size:; + } + } } diff --git a/src/main.css b/src/main.css index 75a0e91..b78685e 100644 --- a/src/main.css +++ b/src/main.css @@ -66,3 +66,35 @@ h6 { text-wrap: pretty; text-wrap: balance; } + +h1 { + font-size: 2em; + + @container (max-width: 450px) { + font-size: 1.6em; + } +} + +h2 { + font-size: 1.5em; + + @container (max-width: 450px) { + font-size: 1.3em; + } +} + +h3 { + font-size: 1.17em; + + @container (max-width: 450px) { + font-size: 1.1em; + } +} + +h4 { + font-size: 1.17em; + + @container (max-width: 450px) { + font-size: 1.05em; + } +}