diff --git a/static/css/in.css b/static/css/in.css index 03f2c2c3..76740807 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 text-lg md:text-lg lg:text-xl font-texts text-rp-dawn-text dark:text-rp-moon-iris; + @apply 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 3c677c90..998b8c26 100644 --- a/static/css/out.css +++ b/static/css/out.css @@ -558,8 +558,6 @@ 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)); } @@ -1233,10 +1231,6 @@ code { margin-top: -2.25rem; } -.mb-2 { - margin-bottom: 0.5rem; -} - .mb-3 { margin-bottom: 0.75rem; } @@ -1245,6 +1239,46 @@ 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; } @@ -1286,14 +1320,14 @@ code { list-style-position: outside; } -.list-disc { - list-style-type: disc; -} - .list-none { list-style-type: none; } +.list-disc { + list-style-type: disc; +} + .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1396,6 +1430,14 @@ code { padding-top: 5rem; } +.pt-4 { + padding-top: 1rem; +} + +.pb-2 { + padding-bottom: 0.5rem; +} + .text-center { text-align: center; } @@ -1408,11 +1450,6 @@ 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; @@ -1428,6 +1465,16 @@ 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; } @@ -2096,11 +2143,6 @@ code { line-height: 2rem; } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } - .md\:text-5xl { font-size: 3rem; line-height: 1; @@ -2115,6 +2157,16 @@ 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) { diff --git a/templates/article.html b/templates/article.html index f5a062d3..62142b84 100644 --- a/templates/article.html +++ b/templates/article.html @@ -95,22 +95,11 @@ {% if article.tags %}

{% for tag in article.tags %} - {{ tag }}{{"," if not loop.last }} + {{ tag }} {% endfor %}

{% endif %} - {% if article.share_post and article.status != 'draft' %} -
-

- Share this post on - Bluesky, - Mastodon, - Reddit or - Twitter. -

-
- {% endif %} {% endblock %} diff --git a/templates/base.html b/templates/base.html index be7d2197..29f8f92c 100644 --- a/templates/base.html +++ b/templates/base.html @@ -120,7 +120,7 @@ bespoke theme inspired by Rosé Pine.

- Buy me a coffee? + Buy me a coffee?