Skip to content

style: use CSS variable for global corner radius#687

Merged
transitive-bullshit merged 1 commit intoNotionX:masterfrom
InetIntel:style-corner-radius
Mar 9, 2026
Merged

style: use CSS variable for global corner radius#687
transitive-bullshit merged 1 commit intoNotionX:masterfrom
InetIntel:style-corner-radius

Conversation

@albertodainotti
Copy link
Contributor

Summary

Replaces hardcoded border-radius: 3px values throughout styles.css with a new CSS custom property --notion-corner-radius: 8px.

Changes

  • Added --notion-corner-radius: 8px CSS variable to the root :root scope
  • Replaced 10 instances of border-radius: 3px with var(--notion-corner-radius)
  • Affected elements: page icons, inline code, code blocks, bookmarks, callouts, collection cards, collection card covers, search result items, and asset wrapper icons

Motivation

This makes the corner radius consistent and easily customizable. Users can override --notion-corner-radius in their own stylesheets to adjust the global border radius across all Notion components without needing to target individual selectors.

@vercel
Copy link

vercel bot commented Mar 7, 2026

@albertodainotti is attempting to deploy a commit to the Saasify Team on Vercel.

A member of the Team first needs to authorize it.

@transitive-bullshit transitive-bullshit merged commit 9e0cddf into NotionX:master Mar 9, 2026
0 of 2 checks passed
@transitive-bullshit
Copy link
Member

these PRs are really solid. thanks, alberto 🙏

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants