aboutsummaryrefslogtreecommitdiff
path: root/scss
AgeCommit message (Collapse)AuthorFilesLines
2021-03-10Change from element selector to the opt-in classMark Otto1-3/+1
2021-03-10Add ol.list-group with psuedo-element numbersMark Otto1-0/+13
2021-03-10Removing duplicate text-decoration style for abbr[title] #33197 (#33325)gopal-jayaraman1-1/+0
Removing duplicate text-decoration style for abbr[title] #33197
2021-03-08Update devDependencies (#33307)XhmikosR2-5/+0
* @popperjs/core ^2.9.0 → ^2.9.1 * autoprefixer ^10.2.4 → ^10.2.5 * clean-css-cli ^5.2.0 → ^5.2.1 * postcss ^8.2.6 → ^8.2.7 * stylelint ^13.11.0 → ^13.12.0
2021-03-02Offcanvas as component (#29017)GeoSot3-4/+100
* 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 Otto2-6/+8
differences in Chrome
2021-03-01fix(navs): ensure button will grow in fill/justified navGaël Poupard1-0/+7
2021-03-01fix(list-group): properly set a color on list-group-itemsGaël Poupard1-1/+1
2021-03-01fix(forms): validated controls in input-groupGaël Poupard1-0/+7
2021-02-22Remove the default positioning from `.dropup` (#33120)Rohit Sharma1-6/+3
2021-02-22fix(card): siblings card links in RTL (#33154)Gaël Poupard1-1/+1
Fixes a bug mentionned in [#32330](https://github.com/twbs/bootstrap/issues/32330#issuecomment-782001326). Co-authored-by: XhmikosR <[email protected]>
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 Willis2-2/+3
2021-02-10Remove explicit suppression of focus outlinePatrick H. Lauke1-14/+0
It's unclear what the reason for first introducing the original hack here (for `[tabindex="-1"]:focus {...}`) was. Seems something that may have been useful/necessary in SuitCSS, but don't think BS ever relied on this. https://github.com/twbs/bootstrap/issues/18330 It's since been modified to only apply when the browser wouldn't apply a visible outline anyway based on its own heuristics (the `:not(:focus-visible)` part) https://github.com/twbs/bootstrap/pull/28437/ But now, thinking this through more...in browsers that do support this pseudo-selector, what this is essentially saying is redundant: don't apply outline in cases where a `tabindex="-1"` element receives focus but the browser wouldn't normally apply focus outline". at best, this is unnecessary. at worst, this actually overrides things an author may explicitly be trying to do with adding `:focus { outline: ... }` explicitly.
2021-02-10Add Sass docs (variables, mixins, and loops) to most pages (#32747)Mark Otto15-59/+209
* 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-10Release v5.0.0-beta2 (#32467)v5.0.0-beta2XhmikosR4-4/+4
* Bump version to 5.0.0-beta2 * Dist
2021-02-09Dropdown — Change the selector to check the use of Popper (#33003)Rohit Sharma1-7/+4
* Create the popper instance first Make sure that popper instance has been created first and then apply the styling on the dropdown(menu) * Use `data-bs-popper` attibute to check popper Co-authored-by: XhmikosR <[email protected]>
2021-02-09fix(navbar): ensure .navbar-collapse behaves as intended (#33022)Gaël Poupard1-0/+2
2021-02-09Remove the default left styling in favor of PopperRohit Sharma1-1/+4
2021-02-09Remove .dropdown-menu[style] reset and adjust .dropdown-menu-* modifiersMark Otto1-9/+10
- Removes the &[style] selector that was used for resetting Popper styles - Separate Popper-based alignment from static alignment with `data-bs-popover` attribute that separates the --bs-position and custom right/left properties Co-Authored-By: Rohit Sharma <[email protected]>
2021-02-09Dynamic tabs: use buttons rather than links (#32630)Patrick H. Lauke1-0/+5
* Dynamic tabs: use buttons rather than links - change docs - add mention that tabs should be <button> elements - tweak styles to neutralise border and background * Update js unit and visual test accordingly - replace links with buttons - make one specific test that uses links instead of buttons, as we still want to support it despite it being non-semantically appropriate - Leaving a couple of tests for now. The test for removed tabs should be redone so that tabs are removed programmatically (as the approach of having that close button inside the link is invalid and broken markup). The test for dropdowns should be removed together we actually ripping out the handling for dropdowns in the tab.js code (arguably a breaking change, though we discouraged this for a few versions and effectively "deprecated" it) * Add isolation:isolate to prevent focus being overlapped https://github.com/twbs/bootstrap/pull/32630#issuecomment-756015766
2021-02-03fix(accordion): ensure .accordion-button stays left-aligned (#32951)Gaël Poupard1-0/+1
Fixes #32938 Co-authored-by: XhmikosR <[email protected]>
2021-02-03fix(navbar): hardcoded custom property (#32930)Gaël Poupard1-1/+1
2021-02-03Remove the initial margin from dropdown/popover in favor of Popper (#32524)Rohit Sharma2-19/+20
* Remove the margin from dropdown in favor of Popper - Set the default margin to 0 for dropdowns (To remove the Popper's warning) - Set the required offset in dropdown's defaults * Remove the margin from the popover component Co-authored-by: XhmikosR <[email protected]>
2021-02-03Update docs for color and bg utilitiesMark Otto3-0/+20
- Split colors from background utilities with new docs page - Add Sass docs for both pages
2021-02-01_carousel.scss: Fix typo in comment (#32950)Quy1-1/+1
2021-01-28Make carousel indicators actual buttonsPatrick H. Lauke1-6/+9
2021-01-27Re-add flex-grow to .navbar-collapse (#32899)Mark Otto1-1/+1
Update .navbar-collapse to drop width 100 and use flex-grow, restoring it to v4's behavior Co-authored-by: XhmikosR <[email protected]>
2021-01-27Carousel: use buttons, not links, for prev/next controls (#32627)Patrick H. Lauke1-0/+3
* Carousel: use buttons, not links, for prev/next - expand the styles to neutralise border/background - change docs page - add extra unit test to check that links or buttons work as controls - modify visual test to use buttons as well - use buttons instead of links for prev/next - remove `role="button"` from links that are actually links * Clarify that controls can be button or link * Update site/content/docs/5.0/components/carousel.md Co-authored-by: Mark Otto <[email protected]> * Explicitly set padding to 0 to prevent dipping/moving on active in Firefox Co-authored-by: XhmikosR <[email protected]>
2021-01-19Add `.navbar-nav-scroll` for vertical scrolling of navbar content (#32037)Mark Otto1-0/+9
Co-authored-by: XhmikosR <[email protected]>
2021-01-15Remove popover-arrow margin to fix alignment of the arrow (#32787)Mark Otto1-3/+0
Co-authored-by: XhmikosR <[email protected]>
2021-01-14Drop transition on .form-check, keep on .form-switchMark Otto2-2/+4
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-13Add word-break to .toast-body (#32670)Onycss1-0/+1
* Update _toasts.scss * Update scss/_toasts.scss Co-authored-by: Mark Otto <[email protected]>
2021-01-11Darken dropdown item hover style (#32754)Patrick H. Lauke1-1/+1
Closes https://github.com/twbs/bootstrap/issues/23329
2021-01-10Consistently use outline:0 rather than outline:none (#32751)Patrick H. Lauke2-2/+2
just for code consistency, no actual effect on styling per se
2021-01-10Suppress focus outline for buttons when it shouldn't be visible in Chromium ↵Patrick H. Lauke1-0/+9
(#32689) Follow-up to https://github.com/twbs/bootstrap/pull/32631 Co-authored-by: XhmikosR <[email protected]>
2021-01-07Bump copyright year to 2021 (#32713)XhmikosR4-8/+8
2021-01-06fix(ratio): missing variable prefix (#32501)Gaël Poupard1-2/+2
This is the only unprefixed custom property, and its name is very common so I think we'd better prefix it too.
2021-01-05Remove old/unnecessary reboot bug fix (#32631)Patrick H. Lauke1-9/+0
From initial testing, this bug doesn't seem to manifest itself anywhere in Bootstrap (since we don't just set transparent background anywhere on buttons, and when we do set explicit button styles in the more specific stylings, we already do create a custom `:focus` style anyway) Co-authored-by: XhmikosR <[email protected]>
2020-12-28Tweak .form-select padding (#32419)Mark Otto2-4/+4
* Tweak .form-select padding * Simplify the padding entirely Co-authored-by: XhmikosR <[email protected]>
2020-12-18Add helpers to utilities bundle (#32324)Marc Jansing1-2/+2
Adds currently missing utilities classes which are located in scss/helpers to boostrap-utilities dist files. Co-authored-by: XhmikosR <[email protected]>
2020-12-17Add variables for modifying button state colours. (#32317)Dylan Anderson2-4/+13
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-17Extended form validation states customization capabilities (#31757)Dmytro Yaremenko2-7/+14
Co-authored-by: XhmikosR <[email protected]>
2020-12-17Fix: variables collide with globals (#32492)Rafi2-11/+11
Co-authored-by: XhmikosR <[email protected]>
2020-12-15Expand `visually-hidden-focusable` so it can be used on a container, so the ↵Patrick H. Lauke2-3/+4
container becomes visible when focus is inside it / on one of its child elements.
2020-12-14Add two new variables for pagination border-radius values (#32423)Mark Otto2-2/+5
Co-authored-by: XhmikosR <[email protected]>
2020-12-11Use box shadows instead of linear gradients to colorize tables (#32348)Martijn Cuppens1-1/+1
Co-authored-by: XhmikosR <[email protected]>
2020-12-10Reset Popper position in RTL (#32415)Gaël Poupard1-1/+1
The RTL cheatsheet's dropdowns aren't positioned correctly because of RTLCSS transforming `right: auto` to `left:auto` (which conflicts with Popper positioning).
2020-12-09Utility API, RFS option: Only generate responsive classes when needed (#32397)Martijn Cuppens1-1/+1
Co-authored-by: XhmikosR <[email protected]>