Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
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
34 changes: 34 additions & 0 deletions libs/core/src/global/styles/_letter-spacing.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
////
/// Letter spacing token overrides (Pine-internal until upstream consolidation)
///
/// Removes the small positive tracking that `@kajabi-ui/styles` applies to
/// Inter headings, which reads as too spread out. Body copy is normalized to
/// `0`, and `h1`/`h2` adopt a tight tracking matching Tailwind's
/// `tracking-tight` (`-0.025em`); the remaining heading roles sit at `0`.
///
/// Note: `--pine-letter-spacing-heading-6` is also consumed as label tracking
/// by `pds-chip`, `pds-combobox`, and `pds-radio-group`, so zeroing it here
/// removes their `0.16px` label tracking too (intentional). Removing this file
/// would therefore restore positive tracking on those labels, not just headings.
///
/// Namespace contract: these CSS custom properties use the canonical
/// `--pine-letter-spacing*` namespace owned by `@kajabi-ui/styles`. Pine
/// redefines the values here (this file is `@use`d after the upstream import
/// in `app.scss`, so these win) without renaming the tokens. Remove this file
/// in the same PR that bumps `@kajabi-ui/styles` to a version that ships these
/// exact values (`--pine-letter-spacing: 0`, `--pine-letter-spacing-heading-1`
/// and `-2` at `-0.025em`, and `--pine-letter-spacing-heading-3` through `-6`
/// at `0`). Component SCSS does not change.
///
/// @group pine
////

:root {
--pine-letter-spacing: 0; // body/default (cleans up the invalid upstream value)
--pine-letter-spacing-heading-1: -0.025em; // Tailwind tracking-tight
--pine-letter-spacing-heading-2: -0.025em; // Tailwind tracking-tight
--pine-letter-spacing-heading-3: 0;
--pine-letter-spacing-heading-4: 0;
--pine-letter-spacing-heading-5: 0;
--pine-letter-spacing-heading-6: 0;
}
1 change: 1 addition & 0 deletions libs/core/src/global/styles/app.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@use '~@kajabi-ui/styles/dist/pine/pine';
@use 'letter-spacing';
@use 'fonts';
@use 'motion';
@use '../../components/pds-combobox/pds-combobox-dropdown-panel.scss' as *;
Expand Down
Loading