aboutsummaryrefslogtreecommitdiff
path: root/scss/_variables.scss
AgeCommit message (Collapse)AuthorFilesLines
2020-11-14Simplify make-container() (#31735)Gaël Poupard1-1/+1
2020-11-13Rename scale-color() function to shift-color() to avoid collision with ↵Mark Otto1-7/+7
Sass's own color function (#32149)
2020-11-09Drop `.btn-block` classes, replace with utilities (#31995)Mark Otto1-2/+0
Co-authored-by: XhmikosR <[email protected]>
2020-11-08Add checks to fix color contrast issues (#32085)Martijn Cuppens1-2/+2
2020-11-06_variables.scss: reorder SVG attributesXhmikosR1-6/+6
This results in slightly better gzip compression
2020-11-06Shade color for better color contrastMartijn Cuppens1-1/+1
2020-11-06Fix missing border & add transitionsMartijn Cuppens1-0/+4
2020-11-06Add dedicated accordion component based on Collapse JSMark Otto1-0/+27
2020-11-03Form file docs and overrides (#32058)Gaël Poupard1-1/+1
2020-10-30Updated .rounded utilities (#31687)Mark Otto1-6/+6
* Updated rounded utilities to fix scale, but not rename anything else * Rename rounded-pill to border-radius-pill to match Also reorder some variables while I'm here to make more sense * Updated rounded utilities to fix scale, but not rename anything else * Rename rounded-pill to border-radius-pill to match Also reorder some variables while I'm here to make more sense * Small copy addition * Add example modifier class for spacing Co-authored-by: XhmikosR <[email protected]>
2020-10-29Remove explicit heights on form elements (#31993)Martijn Cuppens1-3/+0
* Remove explicit heights * Link to upstream bug Co-authored-by: XhmikosR <[email protected]>
2020-10-28Drop custom file upload plugin in favor of CSSMartijn Cuppens1-28/+2
2020-10-27v5: Floating labels (#30449)Mark Otto1-2/+9
* v5: Promote floating labels example to component - Adds new .form-floating - Stubs out basics of a docs page - Removes existing Example * Update floating labels to support .form-select, make inputs and selects more consistent - To do this, I made the .form-control and .form-select consistent in min-height vs height - Removed some unused variables now - Updated -color to be the -color because I don't know why this was any different before - Update page to include some examples for layout, validation, and value - Rewrite styles to not modify padding, but instead transform and opacity * Streamline and bulletproof some things - Apply some optimizations from code review - Removed unecessary properties from the label - Add some comments for what properties are required - Move from fixed height for labels to height 100% so we can support textareas - Improve docs a little bit, add ToC * Move some values to variables, switch from scaling font-size to scale, update transforms * Bring over changes from #30966 and add to them to tighten things up * Delete the now unused example images * Fix typo * Allowlist the calc function * Add transform-origin, update transform values * Test out autofill fix * Fix linter issue * Mention it in the migration guide * Bump bundlesize * Add one more variable per review * Shave .25rem off the height Co-authored-by: XhmikosR <[email protected]>
2020-10-26v5: Add .fs-* utilities for font-size and rename font-weight/-style ↵Mark Otto1-0/+11
utilities (#30571) * v5: Add .fs-* utilities for font-size - Adds new font-sizes Sass map - Generates six new classes for setting only font-size - Updates docs to mention this, including a scss-docs reference * Update font utilities - Make .fs-* utils for font-size use RFS - Rename .font-weight-* utils to .fw-* - Rename .font-style-* utils to .f-* - Update order of utilities a bit - Update docs to match * Update migration docs to make note of these changes * Be more specific in font-size docs about scale * Update font-style abbreviation to .fst * Fix font-weight property * Formatting & font style utility fix * Move to Alpha 3 migration section * Update migration guide for more details, splitting alpha 2 stuff back to the appropriate section in Migration guide * Tweak language on example Co-authored-by: Martijn Cuppens <[email protected]>
2020-10-22Handle the Ubuntu sans-serif case (#31657)Gaël Poupard1-1/+1
On Ubuntu, our native font-stack doesn't output the same font on Firefox and Chrome. This is [a known aliasing issue](http://fontfamily.io/sans-serif) — check at the bottom, Ubuntu 14.04. Ubuntu 18.04 (my current) doesn't use the same (Firefox uses Liberation Sans, Chrome uses the default system font Ubuntu). I'm inclined to prefer Liberation Sans since it's closer to Arial / Helvetica. This patch already exists in Boosted, didn't notice it was missing in bootstrap until today… BTW, our linked Smashing Magazine's system fonts post mentions this and is even more accurate since it targets the three major Linux distributions. AFAIK this is not needed since [Liberation Sans is available everywhere](http://fontfamily.io/Liberation_Sans) — but we might go back to `Oxygen, Ubuntu, Cantarell`if we want to stick to system fonts. Co-authored-by: XhmikosR <[email protected]>
2020-10-19Apply smooth-scroll when `prefers-reduced-motion: no-preference` (#31877)Gaël Poupard1-0/+1
* feat(reboot): apply smooth-scroll when not prefers-reduced-motion * docs(migration): mention scroll-behavior in alpha3 * docs(accessibility): mention scroll-behavior in reduced motion section * docs(accessibility): rewording smooth scroll sentence * feat(variable): introduce enable-smooth-scroll variable * docs(accessibility): reword smooth-scroll sentence Co-authored-by: XhmikosR <[email protected]>
2020-10-13Colors rewrite (#30622)Martijn Cuppens1-111/+107
2020-09-30Add Sass variable for CSS variable prefix (#31684)Mark Otto1-2/+6
* Add Sass variable for CSS variable prefix * Update other --bs-* var instances
2020-09-29feat(colors): bump dark to gray-900 (#30550)Gaël Poupard1-1/+1
Co-authored-by: XhmikosR <[email protected]>
2020-09-29Fix disabled checkbox toggle buttons (#31651)Nikita Mikhaylov1-0/+4
* fix disabled checkbox toggle buttons * add disabled checks-radios examples in documentation Co-authored-by: XhmikosR <[email protected]>
2020-09-28Update stylelint to v13.7.2 (#31726)XhmikosR1-2/+2
2020-09-28_variables: change $btn-close-bg's attribute order (#31772)XhmikosR1-1/+1
Just to save a few bytes from the compressed files.
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.
generated by cgit v1.2.3 (git 2.25.1) at 2026-07-10 04:36:48 +0000