aboutsummaryrefslogtreecommitdiff
path: root/scss/_variables.scss
AgeCommit message (Collapse)AuthorFilesLines
2021-06-19Small typos, closes #34249Mark Otto1-2/+2
2021-06-14Replace `/` division with multiplication and custom `divide()` function (#34245)Mark Otto1-15/+15
* Convert bulk of division to multiplication * Use custom divide() function instead of Dart Sass math module for greater compatibility * Apply suggestions from code review * Fix functions
2021-06-03fix(forms): unitless `line-height` for floating labels (#34161)Gaël Poupard1-0/+1
Co-authored-by: Mark Otto <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-05-28Add missing transition to `.form-select` (#34034)Simon Ihmig1-0/+2
A selectbox is styled in a very similar way as an input (`.form-control`), including border-color and box-shadow. So it can be assumed it should apply the same CSS transition for these properties when focused, but this was missing. Co-authored-by: alpadev <[email protected]>
2021-05-28fix(tables): decouple table-bg and table-accent-bg (#34048)Gaël Poupard1-0/+1
Co-authored-by: alpadev <[email protected]>
2021-05-20fix wrong comment text for tooltip (#34044)GeoSot1-1/+1
2021-04-19Use the backdrop util in offcanvas, enforcing consistency (#33545)GeoSot1-3/+2
* respect /share modal's backdrop functionality, keeping consistency * listen click events over backdrop (only) and trigger `hide()` without add/remove event tricks * achieve to hide foreign open offcanvas instances without glitches `if (allReadyOpen && allReadyOpen !== target)`, in case another is going to be open, when user clicks on trigger button
2021-04-14Make accordion icon rotation more natural (#33292)Victor Massé1-1/+1
2021-04-14Have $form-check-input-border's default derive from ($black instead of ↵Carson1-1/+1
hard-coded black)
2021-04-04Spinner alignment changesMark Otto1-0/+1
2021-03-30Make .nav-link color consistent when using buttons (#33478)Kyle Tsang1-2/+2
* Make .nav-link color consistent when using buttons * Set $nav-link-hover-color to $link-hover-color as default
2021-03-16Revamp accordion borders to fix pixel jumping (#33149)Mark Otto1-1/+2
- Pushes the borders to the .accordion-item - Simplifies the .accordion-flush - Recreates the .accordion-button border-bottom with an inset box-shadow - Updates background-color to solid to match other components like list group and prevent stacked translucent borders - Use negative margin to overlap the consecutive items
2021-03-02Offcanvas as component (#29017)GeoSot1-4/+22
* Add a new offcanvas component * offcanvas.js: switch to string constants and `event.key` * Remove unneeded code * Sass optimizations * Fixes Make sure the element is hidden and not offscreen when inactive fix close icon negative margins Add content in right & bottom examples Re-fix bottom offcanvas height not to cover all viewport * Wording tweaks * update tests and offcanvas class * separate scrollbar functionality and use it in offcanvas * Update .bundlewatch.config.json * fix focus * update btn-close / fix focus on close * add aria-modal and role return focus on trigger when offcanvas is closed change body scrolling timings * move common code to reusable functions * add aria-labelledby * Replace lorem ipsum text * fix focus when offcanvas is closed * updates * revert modal, add tests for scrollbar * show backdrop by default * Update offcanvas.md * Update offcanvas CSS to better match modals - Add background-clip for borders - Move from outline to border (less clever, more consistent) - Add scss-docs in vars * Revamp offcanvas docs - Add static example to show and explain the components - Split live examples and rename them - Simplify example content - Expand docs notes elsewhere - Add sass docs * Add .offcanvas-title instead of .modal-title * Rename offcanvas example to offcanvas-navbar to reflect it's purpose * labelledby references title and not header * Add default shadow to offcanvas * enable offcanvas-body to fill all the remaining wrapper area * Be more descriptive, on Accessibility area * remove redundant classes * ensure in case of an already open offcanvas, not to open another one * bring back backdrop|scroll combinations * bring back toggling class * refactor scrollbar method, plus tests * add check if element is not full-width, according to #30621 * revert all in modal * use documentElement innerWidth * Rename classes to -start and -end Also copyedit some docs wording * omit some things on scrollbar * PASS BrowserStack tests -- IOS devices, Android devices and Browsers on Mac, hide scrollbar by default and appear it, only while scrolling. * Rename '_handleClosing' to '_addEventListeners' * change pipe usage to comma * change Data.getData to Data.get Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2021-03-02Reset select:disabled opacity and null-ify color to fix rendering ↵Mark Otto1-1/+1
differences in Chrome
2021-03-01fix(list-group): properly set a color on list-group-itemsGaël Poupard1-1/+1
2021-02-16Clear duplicated class `border-0` (#32925)k-utsumi1-1/+0
* Clear duplicated class `border-0` * Update migration.md Co-authored-by: Mark Otto <[email protected]>
2021-02-10Add input focus blur variableSam Willis1-1/+2
2021-02-10Add Sass docs (variables, mixins, and loops) to most pages (#32747)Mark Otto1-21/+110
* WIP: Mention variables, mixins, and loops in docs * Add Sass sections to component pages * add sass docs for forms and content * Update buttons.md * Remove empty mixins sections * Massive update to utilities and some consistency changes Co-authored-by: XhmikosR <[email protected]>
2021-02-03Update docs for color and bg utilitiesMark Otto1-0/+10
- Split colors from background utilities with new docs page - Add Sass docs for both pages
2021-01-14Drop transition on .form-check, keep on .form-switchMark Otto1-2/+3
To avoid breaking changes, turns -check-transition to null, then adds a new -switch-transition variable
2021-01-14Lighten disabled dropdown text to $gray-500Mark Otto1-1/+1
Fixes #32474
2021-01-11Darken dropdown item hover style (#32754)Patrick H. Lauke1-1/+1
Closes https://github.com/twbs/bootstrap/issues/23329
2020-12-28Tweak .form-select padding (#32419)Mark Otto1-3/+3
* Tweak .form-select padding * Simplify the padding entirely Co-authored-by: XhmikosR <[email protected]>
2020-12-17Add variables for modifying button state colours. (#32317)Dylan Anderson1-0/+9
Add some variables to allow users to modify how much a button gets lighter or darker on :hover and :active. Co-authored-by: XhmikosR <[email protected]>
2020-12-14Add two new variables for pagination border-radius values (#32423)Mark Otto1-0/+3
Co-authored-by: XhmikosR <[email protected]>
2020-12-04Add toast positioningMartijn Cuppens1-0/+1
2020-12-04feat(RTL): implement RTLGaël Poupard1-8/+9
Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-12-01Remove background, padding, border from breadcrumb containerPatrick H. Lauke1-4/+4
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.