From 914dc733205c7d2703d52002ec0ca62a67850a09 Mon Sep 17 00:00:00 2001 From: Oliver Ladner Date: Mon, 13 Jan 2025 15:39:43 +0100 Subject: [PATCH] feat: bigger font size on mobile --- static/css/in.css | 2 +- static/css/out.css | 92 ++++++++++------------------------------------ 2 files changed, 21 insertions(+), 73 deletions(-) diff --git a/static/css/in.css b/static/css/in.css index 76740807..03f2c2c3 100644 --- a/static/css/in.css +++ b/static/css/in.css @@ -6,7 +6,7 @@ html { /* text-lg == prose-lg */ /* text-xl == prose-xl */ - @apply md:text-lg lg:text-xl font-texts text-rp-dawn-text dark:text-rp-moon-iris; + @apply text-lg md:text-lg lg:text-xl font-texts text-rp-dawn-text dark:text-rp-moon-iris; } text { @apply text-rp-dawn-text dark:text-rp-moon-iris; diff --git a/static/css/out.css b/static/css/out.css index 998b8c26..3c677c90 100644 --- a/static/css/out.css +++ b/static/css/out.css @@ -558,6 +558,8 @@ html { /* text-lg == prose-lg */ /* text-xl == prose-xl */ font-family: Erode, serif; + font-size: 1.125rem; + line-height: 1.75rem; --tw-text-opacity: 1; color: rgb(87 82 121 / var(--tw-text-opacity, 1)); } @@ -1231,6 +1233,10 @@ code { margin-top: -2.25rem; } +.mb-2 { + margin-bottom: 0.5rem; +} + .mb-3 { margin-bottom: 0.75rem; } @@ -1239,46 +1245,6 @@ code { margin-left: 3.5rem; } -.-mb-4 { - margin-bottom: -1rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.-mb-2 { - margin-bottom: -0.5rem; -} - -.-mb-1 { - margin-bottom: -0.25rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.mt-8 { - margin-top: 2rem; -} - -.mt-12 { - margin-top: 3rem; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.mb-1 { - margin-bottom: 0.25rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - .mt-6 { margin-top: 1.5rem; } @@ -1320,14 +1286,14 @@ code { list-style-position: outside; } -.list-none { - list-style-type: none; -} - .list-disc { list-style-type: disc; } +.list-none { + list-style-type: none; +} + .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1430,14 +1396,6 @@ code { padding-top: 5rem; } -.pt-4 { - padding-top: 1rem; -} - -.pb-2 { - padding-bottom: 0.5rem; -} - .text-center { text-align: center; } @@ -1450,6 +1408,11 @@ code { font-family: Stardom, sans-serif; } +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + .text-3xl { font-size: 1.875rem; line-height: 2.25rem; @@ -1465,16 +1428,6 @@ code { line-height: 1.75rem; } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - -.text-7xl { - font-size: 4.5rem; - line-height: 1; -} - .font-bold { font-weight: 700; } @@ -2143,6 +2096,11 @@ code { line-height: 2rem; } + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + .md\:text-5xl { font-size: 3rem; line-height: 1; @@ -2157,16 +2115,6 @@ code { font-size: 1rem; line-height: 1.5rem; } - - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } } @media (min-width: 1024px) {