aboutsummaryrefslogtreecommitdiff
path: root/scss/_root.scss
AgeCommit message (Collapse)AuthorFilesLines
2023-09-13Allow `<mark>` colors customization for color modes (#39141)Julien Déramond1-0/+3
2023-04-20CSS: New var proposal + init `headings-color` (#37904)Louis-Maxime Piton1-6/+2
* Proposal * Revert opacity changes --------- Co-authored-by: Mark Otto <[email protected]>
2023-02-25Drop unused `--bs-focus-ring-box-shadow` and add documentation for ↵Julien Déramond1-2/+0
`--bs-focus-ring-{x|y|blur}` (#38095)
2023-02-14Update form validation styles to use new CSS variables for `color` and ↵Mark Otto1-0/+12
`border-color` (#38044) * Update form validation styles to use new CSS variables for color and border-color * Use better Sass variables
2023-01-21Proposal to rename the CSS and Sass variableslouismaximepiton1-2/+2
2023-01-16Fix `.form-control` in dark mode (#37893)Mark Otto1-5/+0
* Fix .form-control in dark mode * Remove CSS vars from docs
2023-01-11Add theme maps specific to dark mode (#37843)Julien Déramond1-26/+11
* Add theme maps specific to dark mode * Fix CSS building * Fix other failing test Co-authored-by: Mark Otto <[email protected]>
2023-01-11Drop duplicate `--bs-body-bg-rgb` declaration + reorder propsJulien Déramond1-8/+7
2023-01-11Reduce bootstrap-grid.css contentJulien Déramond1-4/+0
2023-01-06CSS: rename some variables to be consistent (#37804)Louis-Maxime Piton1-1/+2
* Fix * fix(review)
2023-01-05Fix duplicate `--bs-emphasis-color` set value (#37809)Julien Déramond1-4/+0
* Fix duplicate `--bs-emphasis-color` set value * Restore body- prefix Co-authored-by: Mark Otto <[email protected]>
2023-01-05Remove duplicate definition of `--bs-highlight-bg` in `scss/_root.scss`Julien Déramond1-2/+0
2023-01-03Remove dark mode --bs-heading-color value, set to null, and add custom ↵Mark Otto1-1/+3
styles for the docs dark mode headings
2022-12-29Focus ring helper and utilities (#33125)Mark Otto1-0/+9
* Add global variables for box-shadow focus rings * Update instances of -btn-focus-box-shadow to use -ring-box-shadow, unless it's for buttons or inputs * fix variable name * Add CSS variables for global focus styling, document it * Move to CSS vars section * Update scss/_nav.scss Co-authored-by: Gaël Poupard <[email protected]> * Helper and utils * Fix bundlewatch * Change 'Focus ring' in sidebar so that the page can be visible * Minor typo fix * fix merge * Revamp some more, improve docs Co-authored-by: Gaël Poupard <[email protected]> Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: Patrick H. Lauke <[email protected]>
2022-12-28Add color-scheme to dark root selectorMark Otto1-0/+2
2022-12-21Fix Sass compilation when `$color-mode-type` is set to `media-query` (#37687)Julien Déramond1-1/+1
* Fix Sass compilation when `$color-mode-type` is set to `media-query` * Update mixin names, fix docs color modes for using media queries by using mixin Co-authored-by: Mark Otto <[email protected]>
2022-11-28Add dark mode support (#35857)Mark Otto1-4/+122
* Add dark mode to docs * Minor fix: missing space indentation * Minor fix: revert utilities/z-index added-in modification * Remove prev: and next: from doc because extracted to another PR * Use .bg-body-tertiary in all Utilities > Overflow examples * fix example * Fix up spacing examples * Update box-shadow Sass variables and utilities to auto-adjust to color modes * Remove unused docs class * Refactor form styles to use CSS variable for background images on .form-check and .form-switch * Fix docs selector * Rename shortcut for clarity * Heading consistency * Reintroduce missing 4th grid item in Utilities > Spacing example * Fix bundlewatch * .bd-callout* rendering is OK so removing comments in the code * Update scss/_utilities.scss Co-authored-by: Julien Déramond <[email protected]> * Fix gutters example styling * Fix text colors on background utils docs * redesign and fix up position marker example, which doesn't show nicely in darkmode but at least isn't broken * fix some color utils examples * Deprecate mixin notice * Deprecate notice for list-group-item-variant() mixin * Revamp new link CSS vars * Use map-keys in some each Sass files * Remove list-group-item-variant mixin ref in sass loop desc * Display CSS vars scoped to our built-in dark mode * Revert previous commit * Fix list group variant link * Fix typo * Remove imports of alert/list-group mixins in scss/_mixins.scss * Small formatting + comments removal in scss/_content.scss * Fix alert links colors * fix dropdown border-radius mixin * fix link color and underline again, this time using CSS var override for color var and fallback value for the underline * fix colors on docs navbar for dark mode * remove two changes * missing ref * another link underline fix, just use sass vars for link decoration for now * missing color bg docs, plus move dropdown override to scss * more changes from review * fix some examples, drop unused docs navbar styles, update docs navbar color mode to use mixin * Few fixes around type - Restored CSS variable for color on headings, this time with a fallback value - In conjunction, restored and wrapped the default CSS var with a null value check - Split headings and paragraphs docs in Reboot, elaborated on them * Restyle custom details > summary element in docs * Rewrite some migration docs * fix form checks * Fix up some navbar styling, tweak docs callout * Fix select images, mostly for validation styling * Clean up some migration notes, document some new form control CSS vars, mention new variables-dark in sass docs * Update site/content/docs/5.2/components/scrollspy.md Co-authored-by: Julien Déramond <[email protected]> * Apply suggestions from code review Co-authored-by: Julien Déramond <[email protected]> * mention form control css vars in migration guide * Tweak grid and flex docs background examples * clarify some docs * fix some more things Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: Julien Déramond <[email protected]>
2022-11-21Keep string representation in `--bs-body-font-family` (#37526)chris1-1/+1
2022-10-03Added breakpoints as css variables (#36095)Stefan Haack1-0/+4
2022-07-11Remove headings-color CSS variable due to backward compatibility issuesMark Otto1-1/+0
2022-05-22Stylelint: Disable `custom-property-empty-line-before`Mark Otto1-2/+0
2022-05-05Iterate on border utilities (#36239)Mark Otto1-1/+0
* Remove `--bs-border-opacity: 1` from `.border-*` utilities We set `--bs-border-opacity: 1` globally at the `:root` level, so redeclaring it on every `.border-*` utility doesn't make much sense. I think we can drop this. * Remove global border-opacity var, restore on .border-color classes, move .border-color utils down the list to fix some specificity issues * Add some demos of border utils to the docs
2022-04-29Revert `border-color` change (#36238)Mark Otto1-0/+1
* Revert `border-color` change * Add new border-color-translucent for when we want optional alpha-transparency in our border-color Apply to drodpowns, modals, offcanvas, popovers, and toasts * bundlewatch
2022-03-31Fix duplicate border radius CSS var definitionJulien Déramond1-1/+0
2022-03-13Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)Mark Otto1-26/+41
* Add additional root variables, rename $variable-prefix to $prefix - Adds new root CSS variables for border-radius, border-width, border-color, and border-style - Adds new root CSS variables for heading-color, link-colors, code color, and highlight color - Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss - Updates $mark-padding to be an even pixel number - Renames $variable-prefix to $prefix throughout * Bundlewatch
2022-03-07Add missing root border opacity CSS varJulien Déramond1-0/+1
2022-02-28Convert border utilities to CSS variablesMark Otto1-0/+7
- Updates the utilities mixin to check for specific CSS variable names via `css-variable` - Bonus fix: we now prevent local variables for `0` value utilities (e.g., `.border-top-0` no longer sets `--bs-border-opacity: 1` - Adds new `.border-opacity-*` classes - Adds new root variables: `--bs-border-color`, `--bs-border-style`, `--bs-border-width` - Documents the new variable changes
2021-11-25Correctly implement RFS in `:root` CSS variable for `$body-font-size` (#35326)Travis Risner1-1/+1
* rfs fix * Update scss/_root.scss * Update _reboot.scss Co-authored-by: Mark Otto <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2021-08-10Add check to rgba-css-var function for body or bg (#34699)Mark Otto1-1/+2
2021-08-03Add and document additional :root CSS variablesMark Otto1-2/+31
- Adds grayscale colors - Adds root and body variables Note that some Sass variables default to `null`, so as we generate and use the CSS variable, we'll be potentially adding some lines of code.
2021-08-03Update color and background-color utilitiesMark Otto1-0/+8
- Adds new functions to generate additional Sass maps - Adds new root variables for rgb() versions of our theme colors, plus a few extras - Adds ability to change the alpha transparency of text color and background color utilities with new utilities, inline styles, or local CSS var - Updates documentation for color and background-color utilities pages - Deprecates .text-black-50 and .text-white-50 since those (and additional transparency levels) can be generated on the fly Change approach slightly to prevent cascade
2020-09-30Add Sass variable for CSS variable prefix (#31684)Mark Otto1-5/+5
* Add Sass variable for CSS variable prefix * Update other --bs-* var instances
2020-05-15Improve gradientsMartijn Cuppens1-0/+1
- Use a semitransparent gradient from light to dark which works on any background-color - Store the gradient as a custom property (--bs-gradient) - Remove `.bg-gradient-*` variants in favour of `.bg-gradient` which works even when `$enable-gradients` are enabled - Add gradients to navbar, active page links and badges when gradients are enabled
2020-04-15Add `bs-` prefixes to custom properties (#30591)Martijn Cuppens1-4/+4
2019-08-29theming.md: automate _root.scss. (#29326)XhmikosR1-1/+0
2019-08-29theming.md: bring `:root` up to par with Scss. (#29323)XhmikosR1-0/+1
Also, add a warning in _root.scss so that we don't miss it again.
2019-07-14Drop breakpoint CSS custom properties (#29020)Mark Otto1-4/+0
Media queries do not support CSS custom properties (CSS variables), so we've had some useless variables lying around since shipping v4. This finally removes them and the associated documentation content that explained the situation. Fixes #29012.
2017-10-14Escape SassScript in custom variable values (#24354)Gleb Mazovetskiy1-5/+8
This is required for Sass v3.5+ compatibility. See https://github.com/sass/sass/blob/stable/doc-src/SASS_CHANGELOG.md#backwards-incompatibilities----must-read and https://github.com/sass/sass/issues/2383
2017-10-01Generate CSS variables for colors, breakpoints, fonts (#23761)Félix Saparelli1-0/+16
* Generate CSS variables See #23349 Supersedes #23446 * Ignore _root.scss for linting