aboutsummaryrefslogtreecommitdiff
path: root/scss/_variables.scss
AgeCommit message (Collapse)AuthorFilesLines
2020-09-25Restore `rem` unit (#31746)Martijn Cuppens1-1/+1
Fix unintentional unit change in https://github.com/twbs/bootstrap/commit/1af79bbc5267428af9fcb4a8fc9e6ab0b30328f4#diff-d8ee409a461718bfb6240710c8c73382
2020-09-24Carousel enhancements, including .carousel-dark (#31650)Mark Otto1-4/+8
* Replace existing carousel control icons with chevrons from Bootstrap Icons * Add .carousel-dark variant * Test * Add variable for .carousel-dark filter * Update _variables.scss Co-authored-by: XhmikosR <[email protected]>
2020-09-24Add .dropdown-menu-dark (#30171)Mark Otto1-0/+13
* Add .dropdown-menu-dark * Match background color to navbar dark * Update docs to include a navbar example * Update dropdowns.md Co-authored-by: XhmikosR <[email protected]>
2020-09-23Match container gutters with row guttersMark Otto1-1/+1
- Replaces make-container mixin's padding-x param with gutter to match naming - Changes value of container padding variable to match grid gutter width variable - Uses local CSS variable for container padding Fixes #31642
2020-09-23Rename the classes and docs page, update everything accordinglyMark Otto1-6/+8
2020-09-23Updates responsive embeds with new class names and CSS variablesMark Otto1-16/+4
- Renames .embed-responsive-XbyY classes to .embed-responsive-XxY - Simplifies the Sass map to just be key and value, ratio and percentage - Builds .embed-responsive-* modifiers with CSS variables - Updates docs to show power of CSS variables - Add notes to the Migration guide
2020-09-23Input group addon sass customization options (#31729)Martijn Cuppens1-0/+3
2020-09-22Add more variables, add a comment for the 3Mark Otto1-10/+13
2020-09-22Update toasts dismiss (moving more styles to CSS instead of utilities), fix ↵Mark Otto1-1/+1
some more close examples, and add a new .btn-close-white variant
2020-09-22Add opacity variables, set opacity on disabled stateMark Otto1-0/+4
2020-09-22Increase width of focus styles so it's more pixel perfect out of the boxMark Otto1-1/+1
2020-09-22Rename .close to .btn-close, replace times sign with background SVG, update ↵Mark Otto1-5/+7
focus state
2020-09-22Add new variable for -padding-xMark Otto1-0/+1
2020-09-20Extra position utilities (#31280)Jaume Sala1-0/+11
* Extra position utilities Given that there are utilities for the *position* property, it seems logic to have utilities for the *top*, *left*, *bottom* and *right* propertires. * Update extra position utilities * add default position values map * tweak examples * add real life examples * fix double colon Co-authored-by: XhmikosR <[email protected]>
2020-09-15Add spaces after commasXhmikosR1-5/+5
2020-09-09Add border width utility (#31484)Mauricio Hernan Cabrera1-0/+8
Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]>
2020-08-03Add transition to Pagination buttons just like other Bootstrap buttonsSamarth Arora1-0/+3
2020-08-02Add padding to badges (#31132)Patrick H. Lauke1-2/+2
* Add padding to badges The current badges are very tightly padded, and because the top and bottom padding are the same, and aligned to the baseline, this makes badges with descenders (e.g. the "g" in "Danger") look uncomfortably close to the bottom. Adding more ample padding masks this a bit. An alternative would be to have separate top and bottom padding, with the bottom one slightly larger than the top - but conversely, that then makes badges that contain no text with descenders, and particularly badges that contain all uppercase characters, look too bottom-heavy. Also adding some left/right extra padding, as currently the pill badges look uncomfortably tight on the sides due to the rounding.
2020-07-31Adjust sizing of checks and radios (#31383)Mark Otto1-1/+1
Moves from 1.25em to 1em to better support custom font-size-base values. Most common would probably be .875rem (14px) and current sizing garbles that into 1.09-ish, thus causing the rendering issues in #31269. Co-authored-by: Martijn Cuppens <[email protected]>
2020-07-13v5: Tweak some colors (#31276)Mark Otto1-4/+4
* Tweak green and cyan colors, bump min contrast ratio to 4.5 Co-authored-by: XhmikosR <[email protected]>
2020-07-11Add null variables for nav-linkMark Otto1-0/+4
Replaces #30498 by adding four new null default variables for .nav-link. Doesn't carry over font-style from the original PR though since that's rarely used, at least by default Bootstrap. Nullifies all values from that PR, too, since we count on some basic inheritance here and don't need color by default.
2020-06-24Fix table separator typo (#31162)Jorge González1-1/+1
2020-06-23Darken dropdown divider (#31131)Patrick H. Lauke1-1/+1
currently, `$gray-200` is practically imperceptible. switch to reusing `$dropdown-border-color`.
2020-06-17feat: adds th null var (#30781)Catalin Zalog1-0/+2
Inherit `font-weight: bold` that comes from user agent stylesheets.
2020-06-12v5: Redo blockquote attributions (#30814)Mark Otto1-2/+3
* v5: Redo blockquote attributions - Renames -small-* variables to -footer-* - Updates blockquote demos with attribution to place it outside the blockquote with a figure wrapper * Updated class name * docs(examples): refactor blockquotes in masonry example Co-authored-by: Gaël Poupard <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2020-06-09Fix undefined custom properties in reboot (#30981)Martijn Cuppens1-1/+2
2020-05-15Improve gradientsMartijn Cuppens1-0/+5
- 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-05-14v5: Update color on custom switch focus stateMark Otto1-1/+1
Replaces a custom hsla() value (dunno what I was thinking when I added this) with a reassigned existing variable. This variable goes up the stack and attaches to the component-active-bg variable, derived from our primary color out of the box. Fixes #30646.
2020-05-14Split table cell padding variables (#30815)Mark Otto1-2/+4
2020-05-12style: removes space (#30782)Catalin Zalog1-2/+2
2020-04-30v5: Unify spacing across components (#30564)Mark Otto1-29/+24
Co-Authored-By: Martijn Cuppens <[email protected]>
2020-04-26Use scss-docs for color mapsMark Otto1-0/+4
2020-04-26Rename variables for brevityMark Otto1-13/+13
- Rename `$enable-prefers-reduced-motion-media-query` to `$enable-reduced-motion` - Rename `$enable-pointer-cursor-for-buttons` to `$enable-button-pointers`
2020-04-24Customizable table group seperator colorsMartijn Cuppens1-0/+2
2020-04-24Prevent nested tables style leaksMartijn Cuppens1-16/+26
2020-04-20Add `$form-text-font-weight` (#30617)Catalin Zalog1-0/+1
2020-04-16feat: removes `.form-text` display (#30598)Catalin Zalog1-2/+3
Co-authored-by: Martijn Cuppens <[email protected]>
2020-04-15Add `bs-` prefixes to custom properties (#30591)Martijn Cuppens1-1/+1
2020-04-15Disable negative margins by default (#30585)Martijn Cuppens1-1/+2
* Disable negative margins by default * Use shorter enable variable Co-authored-by: XhmikosR <[email protected]>
2020-04-14v5: Update system font stack (#30561)Mark Otto1-1/+1
Co-authored-by: Martijn Cuppens <[email protected]>
2020-04-14Simplify checkbox & radio input (#30557)Martijn Cuppens1-9/+2
- Define background properties in `.form-check-input` - Use `background-size: contain` to simplify background sizes (especially for those with linear gradients) - Remove double `color-adjust` - Adjust svgs to 20x20 box. This way the strokes aren't rescaled.
2020-04-14Redo display headings (#30568)Mark Otto1-10/+13
- Convert to Sass map - Consolidate font-weights into single option (matching line-height for them) - Add two new sizes and create a new scale - Update migration docs Co-authored-by: Martijn Cuppens <[email protected]>
2020-04-14Restore `.form-text` (#30565)Catalin Zalog1-2/+5
2020-04-13Update docs for new XXL grid tierMark Otto1-0/+6
- Updates mentions of number and exact tiers - Updates grid example to include xxl container - Adds some scss-docs references - Cleans up other grid mentions and docs - Updates navbar example to include an expand at XXL variant
2020-04-13Add an xxl grid tierMark Otto1-2/+4
- Staring at my laptop, I realized I'm wasting away space. This adds a significant amount of CSS, but it feels right already. - Added the xxl tier with a width that divides by 12 - Motivation was originally trying to have a third column for our toc so that our docs are more useful
2020-04-10Use custom properties for font-stacks (#30509)Gaël Poupard1-1/+1
2020-04-09Add checkbox transition (#30528)Martijn Cuppens1-2/+1
2020-04-06Create `scss-docs` shortcode to get some snippets from the Scs… (#30502)Martijn Cuppens1-0/+4
Co-authored-by: XhmikosR <[email protected]>
2020-04-06Add nav link transition (#29988)Martijn Cuppens1-0/+1
2020-03-31Require `.form-label` classes on form labels (#30476)Martijn Cuppens1-1/+5