diff --git a/static/css/in.css b/static/css/in.css index aa89208c..03f2c2c3 100644 --- a/static/css/in.css +++ b/static/css/in.css @@ -34,8 +34,15 @@ h3 { @apply text-3xl md:text-4xl; } - /*for unknown reasons, h4 must be undefined to not make it bigger than h3*/ - /*h5-h6 are ignored by tailwind typography*/ + h4 { + @apply md:text-3xl; + } + h5 { + @apply text-2xl; + } + h6 { + @apply text-xl; + } img { @apply drop-shadow-lg; } diff --git a/static/css/out.css b/static/css/out.css index b44b631e..3c677c90 100644 --- a/static/css/out.css +++ b/static/css/out.css @@ -682,11 +682,22 @@ h3 { font-size: 2.25rem; line-height: 2.5rem; } + + h4 { + font-size: 1.875rem; + line-height: 2.25rem; + } } -/*for unknown reasons, h4 must be undefined to not make it bigger than h3*/ +h5 { + font-size: 1.5rem; + line-height: 2rem; +} -/*h5-h6 are ignored by tailwind typography*/ +h6 { + font-size: 1.25rem; + line-height: 1.75rem; +} img { --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); diff --git a/templates/article.html b/templates/article.html index 1f82af44..f5a062d3 100644 --- a/templates/article.html +++ b/templates/article.html @@ -35,7 +35,7 @@ - Reading ease: {{ article.stats['fi']|int }} + Flesch-Kincaid reading ease: {{ article.stats['fi']|int }}