Skip to content

Replace custom text-Nxl-Mxl utilities with Tailwind prefixes #619

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
dschrempf merged 6 commits into from
Jul 13, 2026
Merged

Replace custom text-Nxl-Mxl utilities with Tailwind prefixes #619

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
de14adb
Replace custom text-Nxl-Mxl utilities with Tailwind prefixes
dschrempf Jul 13, 2026
9b725a0
Remove stale empty table in partnerships tile
dschrempf Jul 13, 2026
b88d52f
Remove unused top-level event/partnerships templates
dschrempf Jul 13, 2026
a48dc38
Simplify heading line-height utilities to Tailwind defaults
dschrempf Jul 13, 2026
a75cec1
Regenerate dev.css snapshot for new leading-tight/mb-8 usage
dschrempf Jul 13, 2026
49efb16
Nits
dschrempf Jul 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion 404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,6 @@
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
$partial("templates/corners.html")$
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">Unable to find that page!</h1>
<h1 class="text-2xl sm:text-4xl md:text-5xl leading-snug sm:leading-tight">Unable to find that page!</h1>
</div>
</div>
2 changes: 1 addition & 1 deletion affiliates/about/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
$partial("templates/corners.html")$
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">What Does Affiliation Entail?</h1>
<h1 class="text-2xl sm:text-4xl md:text-5xl leading-snug sm:leading-tight">What Does Affiliation Entail?</h1>
</div>
</div>

Expand Down
109 changes: 0 additions & 109 deletions assets/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -188,115 +188,6 @@ h6 {
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}

.text-xl-2xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
@media (min-width: 640px) {
.text-xl-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
}
.text-2xl-5xl {
font-size: 1.5rem;
line-height: 2rem;
line-height: 1.375;
}
@media (min-width: 640px) {
.text-2xl-5xl {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.25;
}
}
@media (min-width: 768px) {
.text-2xl-5xl {
font-size: 3rem;
line-height: 1;
line-height: 1.25;
}
}
.text-2xl-4xl {
font-size: 1.5rem;
line-height: 2rem;
line-height: 1.375;
}
@media (min-width: 768px) {
.text-2xl-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.25;
}
}
.text-3xl-4xl {
font-size: 1.875rem;
line-height: 2.25rem;
line-height: 1.375;
}
@media (min-width: 768px) {
.text-3xl-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.25;
}
}
.text-3xl-5xl {
font-size: 1.875rem;
line-height: 2.25rem;
line-height: 1.375;
}
@media (min-width: 640px) {
.text-3xl-5xl {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.25;
}
}
@media (min-width: 768px) {
.text-3xl-5xl {
font-size: 3rem;
line-height: 1;
line-height: 1.25;
}
}
.text-3xl-6xl {
font-size: 1.875rem;
line-height: 2.25rem;
line-height: 1.375;
}
@media (min-width: 640px) {
.text-3xl-6xl {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.25;
}
}
@media (min-width: 768px) {
.text-3xl-6xl {
font-size: 3rem;
line-height: 1;
line-height: 1.25;
}
}
@media (min-width: 1024px) {
.text-3xl-6xl {
font-size: 3.75rem;
line-height: 1;
}
}
.text-4xl-6xl {
font-size: 2.25rem;
line-height: 2.5rem;
line-height: 1.375;
}
@media (min-width: 640px) {
.text-4xl-6xl {
font-size: 3.75rem;
line-height: 1;
line-height: 1.25;
}
}
p {
--tw-text-opacity: 1;
color: rgba(113, 113, 122, var(--tw-text-opacity));
Expand Down
2 changes: 1 addition & 1 deletion board-nominations/2022/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
$partial("templates/corners.html")$
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">2022 Call for Nominations for the Haskell Foundation</h1>
<h1 class="text-2xl sm:text-4xl md:text-5xl leading-snug sm:leading-tight">2022 Call for Nominations for the Haskell Foundation</h1>
</div>
</div>

Expand Down
2 changes: 1 addition & 1 deletion board-nominations/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
$partial("templates/corners.html")$
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">Haskell Foundation Board Call For Nominations</h1>
<h1 class="text-2xl sm:text-4xl md:text-5xl leading-snug sm:leading-tight">Haskell Foundation Board Call For Nominations</h1>
</div>
</div>

Expand Down
2 changes: 1 addition & 1 deletion careers/devops.markdown
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,4 +52,4 @@ The Haskell Foundation does not discriminate based on race, creed, color, ethnic

We offer competitive compensation and benefits (dependent on experience, logistics required to compensate the candidate in their locale, and relevant labor laws).

[Email with a r&eacute;sum&eacute;/CV to apply!](mailto:careers@haskell.foundation)
[Email with a r&eacute;sum&eacute;/CV to apply!](mailto:careers@haskell.foundation)
14 changes: 7 additions & 7 deletions contact/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,15 @@
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
$partial("templates/corners.html")$
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">Contact</h1>
<h1 class="text-2xl sm:text-4xl md:text-5xl leading-snug sm:leading-tight">Contact</h1>
</div>
</div>

<div class="max-w-screen-xl mx-auto">
<div class="grid gap-8 lg:grid-cols-2">

<div class="bg-gray-100 px-6 sm:px-12 space-y-4 py-12">
<h2 class="font-normal text-2xl-4xl">General Information</h2>
<h2 class="font-normal text-2xl md:text-4xl leading-snug md:leading-tight">General Information</h2>
<p>For general information or volunteer opportunities, please email us:</p>

<div class="text-sm sm:text-base">
Expand All @@ -23,7 +23,7 @@ <h2 class="font-normal text-2xl-4xl">General Information</h2>


<div class="bg-gray-100 px-6 sm:px-12 space-y-4 py-12">
<h2 class="font-normal text-2xl-4xl">Sponsorship</h2>
<h2 class="font-normal text-2xl md:text-4xl leading-snug md:leading-tight">Sponsorship</h2>
<p>Does your company use Haskell? Email us to join the conversation with other enterprise users of Haskell.</p>

<div class="text-sm sm:text-base">
Expand All @@ -33,7 +33,7 @@ <h2 class="font-normal text-2xl-4xl">Sponsorship</h2>
</div>

<div class="bg-gray-100 px-6 sm:px-12 space-y-4 py-12">
<h2 class="font-normal text-2xl-4xl">Press Kit</h2>
<h2 class="font-normal text-2xl md:text-4xl leading-snug md:leading-tight">Press Kit</h2>
<p>For press-related information, including branding, logos, and syndication opportunities, please email us:</p>

<div class="text-sm sm:text-base">
Expand All @@ -43,7 +43,7 @@ <h2 class="font-normal text-2xl-4xl">Press Kit</h2>
</div>

<div class="bg-gray-100 px-6 sm:px-12 space-y-4 py-12">
<h2 class="font-normal text-2xl-4xl">Volunteers</h2>
<h2 class="font-normal text-2xl md:text-4xl leading-snug md:leading-tight">Volunteers</h2>
<p>For more information on volunteer opportunities, please email us:</p>

<div class="text-sm sm:text-base">
Expand All @@ -53,7 +53,7 @@ <h2 class="font-normal text-2xl-4xl">Volunteers</h2>
</div>

<div class="bg-gray-100 px-6 sm:px-12 space-y-4 py-12">
<h2 class="font-normal text-2xl-4xl">Board of Directors</h2>
<h2 class="font-normal text-2xl md:text-4xl leading-snug md:leading-tight">Board of Directors</h2>
<p>To contact the Haskell Foundation Board of Directors, email the Google Group:</p>

<div class="text-sm sm:text-base">
Expand All @@ -72,7 +72,7 @@ <h2 class="font-normal text-2xl-4xl">Board of Directors</h2>
<div class="mt-12">
<div class="bg-gray-100 max-w-screen-xl mx-auto px-4 sm:px-12 md:px-12 lg:px-16 py-16 md:py-24">
<div class="text-center">
<h1 class="text-3xl-5xl font-normal">Follow HF Developments</h1>
<h1 class="text-3xl sm:text-4xl md:text-5xl leading-snug sm:leading-tight font-normal">Follow HF Developments</h1>
<p class="mt-4 text-gray-500 ">Follow us on <a class="fab fa-twitter text-2xl px-2 align-middle" href="https://twitter.com/haskellfound" target="_blank"></a> or join a mailing list</p>
</div>

Expand Down
65 changes: 65 additions & 0 deletions dev.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,10 +45,16 @@
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
Expand Down Expand Up @@ -759,6 +765,9 @@
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
Expand Down Expand Up @@ -1156,6 +1165,14 @@
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
Expand Down Expand Up @@ -1319,18 +1336,42 @@
padding-left: calc(var(--spacing) * 4);
}
}
.sm\:text-2xl {
@media (width >= 40rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
.sm\:text-3xl {
@media (width >= 40rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.sm\:text-4xl {
@media (width >= 40rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
.sm\:text-6xl {
@media (width >= 40rem) {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
.sm\:text-base {
@media (width >= 40rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
.sm\:leading-tight {
@media (width >= 40rem) {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
}
.md\:top-2 {
@media (width >= 48rem) {
top: calc(var(--spacing) * 2);
Expand Down Expand Up @@ -1672,6 +1713,24 @@
padding-left: calc(var(--spacing) * 8);
}
}
.md\:text-4xl {
@media (width >= 48rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
.md\:text-5xl {
@media (width >= 48rem) {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
.md\:leading-tight {
@media (width >= 48rem) {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
}
.lg\:absolute {
@media (width >= 64rem) {
position: absolute;
Expand Down Expand Up @@ -1841,6 +1900,12 @@
padding-left: calc(var(--spacing) * 14);
}
}
.lg\:text-6xl {
@media (width >= 64rem) {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
.lg\:text-xl {
@media (width >= 64rem) {
font-size: var(--text-xl);
Expand Down
2 changes: 1 addition & 1 deletion guidelines-for-respectful-communication/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
$partial("templates/corners.html")$
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">Haskell Foundation Guidelines For Respectful Communication</h1>
<h1 class="text-2xl sm:text-4xl md:text-5xl leading-snug sm:leading-tight">Haskell Foundation Guidelines For Respectful Communication</h1>
</div>
</div>

Expand Down
Empty file removed sw.js
View file
Open in desktop
Empty file.
2 changes: 1 addition & 1 deletion templates/affiliates/list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
---
<div class="xl:max-w-screen-xl mx-auto md:px-12 lg:px-16">
<div class="bg-gray-800 shadow-lg shadow-xl shadow-md shadow-sm px-6 sm:px-12 md:px-12 lg:px-16 py-16 md:py-20">
<div class="grid gap-8 lg:grid-cols-2 lg:gap-16 lg:text-xl text-gray-300 leading-relaxed">
<div class="grid gap-8 lg:grid-cols-2 lg:gap-16 lg:text-xl text-gray-300">
<div>
We invite existing Haskell projects, committees and communities to explicitly affiliate and align themselves
with the Haskell Foundation. Affiliation means that the group supports the goals of the Haskell Foundation, and
Expand Down
10 changes: 5 additions & 5 deletions templates/careers/list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@
<div class="max-w-screen-xl mx-auto py-16 md:py-24">
$partial("templates/corners.html")$
<div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
<h1 class="text-2xl-5xl">Careers</h1>
<h1 class="text-2xl sm:text-4xl md:text-5xl">Careers</h1>
</div>
$if(openreqs)$
<div class="mt-16 md:mt-24">
<div class="xl:max-w-screen-xl mx-auto md:px-12 lg:px-16">
<div class="bg-gray-800 shadow-lg shadow-xl shadow-md shadow-sm px-6 sm:px-12 md:px-12 lg:px-16 py-16 md:py-20">
<h2 class="text-gray-50 font-normal text-3xl-4xl text-center">Working at the Haskell Foundation</h2>
<p class="mt-10 lg:text-xl text-gray-300 leading-relaxed text-center">
<h2 class="text-gray-50 font-normal text-3xl md:text-4xl text-center">Working at the Haskell Foundation</h2>
<p class="mt-10 lg:text-xl text-gray-300 text-center">
Interested in working at the crossroads of the Haskell ecosystem?
</p>
</div>
Expand All @@ -28,8 +28,8 @@ <h2 class="text-gray-50 font-normal text-3xl-4xl text-center">Working at the Has
<div class="mt-16 md:mt-24">
<div class="xl:max-w-screen-xl mx-auto md:px-12 lg:px-16">
<div class="bg-gray-800 shadow-lg shadow-xl shadow-md shadow-sm px-6 sm:px-12 md:px-12 lg:px-16 py-16 md:py-20">
<h2 class="text-gray-50 font-normal text-3xl-4xl text-center">Haskell Foundation Sponsors Hiring Haskellers</h2>
<p class="mt-10 lg:text-xl text-gray-300 leading-relaxed text-center">
<h2 class="text-gray-50 font-normal text-3xl md:text-4xl text-center">Haskell Foundation Sponsors Hiring Haskellers</h2>
<p class="mt-10 lg:text-xl text-gray-300 text-center">
Many of our sponsors are actively hiring Haskell engineers.
</p>
</div>
Expand Down
Loading
Loading