Skip to content

WT-1543: Blog index styles #1757

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

Open
lucianoratamero wants to merge 22 commits into from
Open

WT-1543: Blog index styles #1757

Show file tree
Hide file tree
Changes from 13 commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
100121e
Add a blog-topic tag variant
lucianoratamero Aug 23, 2026
f1c2630
Style "view all topics" link
lucianoratamero Aug 23, 2026
16c82bc
Add image to the blog featured article list items
lucianoratamero Aug 23, 2026
76a4a74
Style blog index featured articles section
lucianoratamero Aug 23, 2026
baeffac
Apply "view all" link styles to all sections
lucianoratamero Aug 23, 2026
974fda6
Fix spacing
lucianoratamero Aug 24, 2026
7ceccf8
Style blog card list sections
lucianoratamero Aug 24, 2026
19420df
Change "recently published" title in fixtures
lucianoratamero Aug 28, 2026
119913d
Separate latest articles section into its own template
lucianoratamero Aug 28, 2026
03a0703
Remove sections that are not shown in figma
lucianoratamero Aug 28, 2026
594d8d8
Update noise filter svg
lucianoratamero Aug 28, 2026
79dbe67
Prevent pre-footer cta issues and normalize colors/spacing
lucianoratamero Aug 28, 2026
348f7bf
Simplify blog css
lucianoratamero Aug 28, 2026
5c83a99
Remove useless assertions
lucianoratamero Sep 3, 2026
513fe34
Add a link prop to the heading component, preventing empty headings
lucianoratamero Sep 3, 2026
aef7cfa
Fix all instances of image source wrong order
lucianoratamero Sep 3, 2026
af2b159
Use button component instead of inline rendering
lucianoratamero Sep 3, 2026
0387d8b
Add validation that forces latest section at the end of the blog inde…
lucianoratamero Sep 3, 2026
6e154a1
Remove filter from empty latest articles preview section
lucianoratamero Sep 3, 2026
9b9451e
Merge branch 'main' into blog-index-styles
lucianoratamero Sep 3, 2026
54f8667
Fix image position in "all topics" page
lucianoratamero Sep 3, 2026
a2c49e9
Fix rendering issues on blog topics carousel
lucianoratamero Sep 3, 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
20 changes: 20 additions & 0 deletions media/css/cms/components/flare-tag.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,6 +94,20 @@ a.fl-tag:hover .fl-tag {
color: var(--notification-light-purple-color);
}

/* blog topic */
.fl-tag.fl-tag-blog-topic {
background: var(--notification-blog-topic-bg);
border: 1px solid var(--notification-blog-topic-border-color);
color: var(--notification-blog-topic-color);
font-size: var(--fl-theme-label-xs);
}

a.fl-tag.fl-tag-blog-topic:hover {
background-color: transparent;
border-color: var(--notification-blog-topic-hover-border-color);
color: var(--notification-blog-topic-color);
}

/* Selected state */

.fl-tag.is-selected {
Expand Down Expand Up @@ -126,6 +140,12 @@ a.fl-tag:hover .fl-tag {
color: var(--notification-light-purple-selected-color);
}

.fl-tag.fl-tag-blog-topic.is-selected {
background: var(--token-color-link-purple);
border-color: var(--token-color-link-purple);
color: var(--token-color-white);
}

/* when a tag is used a badge within another tag. See Blog tags page. */
.fl-tag:has(.fl-tag) {
position: relative;
Expand Down
Loading
Loading