Skip to content

[fix] correct issues with rich-text styling #318

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
harryfk merged 2 commits into from
Aug 11, 2026
Merged

[fix] correct issues with rich-text styling #318

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6bef506
fix anchor styling issues with embedded side-heading module
harryfk Aug 11, 2026
e61f8d3
fix rich-text button in dark mode
harryfk Aug 11, 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 templates/_modules/side-heading.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<h2
class="font-surt text-body-22 md:text-body-32 mb-5 break-words md:sticky md:top-[1em] md:col-span-4 md:mb-0 lg:col-span-6"
>
<a href="#{{ headlineId }}">{{ headline }}</a>
<a class="anchor" href="#{{ headlineId }}">{{ headline }}</a>
</h2>
{% endif %}
{% set layoutClasses = not hasHeading and fullWidth
Expand Down
4 changes: 2 additions & 2 deletions templates/_rich-text/standard.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@

[ "attr", "body > blockquote", { class: "border-l-4 border-l-hot-pink pl-2.5 md:pl-4 my-[60px] md:mt-5" }, false],
[ "attr", "body > blockquote, body > blockquote > p", { class: "font-surt text-rich-blue text-body-20 md:text-body-24 [hanging-punctuation:first_last] dark:text-sky-blue" }, false],
[ "attr", "body > * > a, body * > a", { class: "underline decoration-sky-blue hover:bg-light-blue dark:hover:text-gray-900" }, false],
[ "attr", "body > p > .button", { class: "uppercase font-surt text-ui-14 md:text-ui-16 border-gray border-l border-r px-[10px] py-[5px] bg-black text-white hover:bg-white hover:text-black transition-colors rk:bg-white dark:text-gray-900 dark:border-white dark:hover:bg-gray-300" }],
[ "attr", "body > * > a:not(.anchor), body * > a:not(.anchor)", { class: "underline decoration-sky-blue hover:bg-light-blue dark:hover:text-gray-900" }, false],
[ "attr", "body > p > .button", { class: "uppercase font-surt text-ui-14 md:text-ui-16 border-black border-l border-r px-[10px] py-[5px] bg-gray-900 text-white hover:bg-transparent hover:text-black transition-colors dark:bg-white dark:hover:bg-transparent dark:text-gray-900 dark:hover:text-white dark:border-white" }],
[ "attr", ".highlighted", { class: "bg-sky-blue dark:text-gray-900" }]
])|raw
}}
Expand Down