Skip to content
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.

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

Adding new SCSS variables for letter-spacing #39865

Closed
2 tasks done
simo026q opened this issue Apr 4, 2024 · 1 comment
Closed
2 tasks done

Adding new SCSS variables for letter-spacing #39865

simo026q opened this issue Apr 4, 2024 · 1 comment

Comments

@simo026q
Copy link

simo026q commented Apr 4, 2024

Prerequisites

Proposal

New SCSS Variables

$letter-spacing-base: normal !default; // Global default

$headings-letter-spacing: null !default; // Headings
$display-letter-spacing:  null !default; // Display sizes

$input-btn-letter-spacing: null !default; // Input and Button
$btn-letter-spacing: $input-btn-letter-spacing !default;
$input-letter-spacing: $input-btn-letter-spacing !default;
$form-select-letter-spacing: $input-letter-spacing !default;

These variables offer default values and null placeholders for customizable overrides, providing a flexible foundation for developers to adjust letter-spacing according to their design requirements.

Motivation and context

Some brands use tighter letter-spacing for headlines to create a sense of sophistication or to improve legibility at large sizes, which is not universally achievable with the current Bootstrap typography settings. Providing SCSS variables for letter-spacing makes it a lot easier to adapt Bootstrap more closely to brand standards.

@mdo
Copy link
Member

mdo commented Apr 15, 2024

Closed per #39866.

@mdo mdo closed this as not planned Won't fix, can't repro, duplicate, stale Apr 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants