aboutsummaryrefslogtreecommitdiff
path: root/scss/_carousel.scss
AgeCommit message (Collapse)AuthorFilesLines
2024-02-06Changed RTL processing of carousel control icons (#39536)Abdullah Alharbi1-10/+2
* Changed RTL processing of carousel control icons * Update scss/_carousel.scss --------- Co-authored-by: Julien Déramond <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2023-03-26Update selectors for carousel media query color mode option (#38328)Mark Otto1-3/+9
2023-03-10Update _carousel.scssjonnysp1-1/+2
fix data-bs-theme="dark" on component itself
2023-01-25Remove list-style reset on .carousel-indicatorsMark Otto1-1/+0
2022-12-21Fix Sass compilation when `$color-mode-type` is set to `media-query` (#37687)Julien Déramond1-3/+3
* 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-1/+13
* 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-10-06fix(carousel): RTL `translate()` directionGaël Poupard1-3/+0
Trying to fix #37180
2021-06-14Replace `/` division with multiplication and custom `divide()` function (#34245)Mark Otto1-2/+2
* 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-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-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]>
2020-12-04feat(RTL): implement RTLGaël Poupard1-12/+23
Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-09-24Carousel enhancements, including .carousel-dark (#31650)Mark Otto1-0/+17
* 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-02-12Shorten if notations so that property order can be appliedMartijn Cuppens1-6/+2
2020-02-12Convert background shorthands to separate propertiesMartijn Cuppens1-1/+3
2019-10-12Carousel variables (#29493)leshasmp1-3/+3
2019-10-01Variable carousel indicator opacity (#29468)astrahov1-2/+2
2019-08-26Update z-indices (#29292)Martijn Cuppens1-2/+1
- `.carousel-caption` doesn't need a z-index. There are no non-static element in its containing block (`.carousel-item`) - The `z-index` of `.carousel-indicators` is way higher than it needs to be (`15`), the highest sibling `z-index` is `1`, so it can be set to `2` to be the top layer.
2019-07-30carousel: fix transition properties order. (#29173)XhmikosR1-1/+1
2019-07-29Change property from background to background-image (#29149)Chandan Deep1-2/+2
For Gradient, We have to use the background-image instead of only background.
2019-07-19Use escape-svg() function (#29077)Martijn Cuppens1-2/+2
* Use escape-svg() function * Update theming.md
2019-05-08Drop all hover mixinsMark Otto1-1/+2
Previously deprecated in v4.x, this clears out the now unused Sass option and removes some unused mixins. Arguably we could remove more, but I like the hover-focus mixin and we make extensive use of it across the project.
2019-01-13Fix background size yMartijn Cuppens1-1/+1
2019-01-13Minify background propertyMartijn Cuppens1-2/+1
2018-12-14Remove redundant brackets (#27768)Martijn Cuppens1-2/+2
2018-11-05Prevent white line in Firefox (regression) (#27594)Martijn Cuppens1-0/+1
2018-11-04Replace touch-action: none with pan-y, remove preventDefault from touch ↵patrickhlauke1-1/+1
event handling
2018-10-31Fix Edge bounce and restore original transition easing (#27279)Martijn Cuppens1-29/+6
2018-10-30Prevent the background to be shown when transitioningMartijn Cuppens1-0/+4
2018-10-21Re-add carousel control transition (#27277)Martijn Cuppens1-3/+2
2018-10-21Carousel fade cleanup (#27278)Martijn Cuppens1-13/+1
2018-10-20Set touch-action to "none"patrickhlauke1-5/+8
Firefox currently seems extremely fickle - with `pan-y` if fires pointercancel as soon as a touch strays even a pixel or so vertically. While `touch-action: pan-y` would be ideal (allowing users to scroll the page even when their finger started the scroll on the carousel), this prevents a swipe that isn't perfectly/only horizontal to be recognised by Firefox.
2018-10-20Use correct touch-action valuespatrickhlauke1-1/+1
- my fault, my original advice of using `touch-action: pan-x` is exactly the value we *don't* want to have the browser handle...
2018-10-20use pointer events if availableJohann-S1-0/+4
2018-08-26Simpler carousel indicators css (#26996)Martijn Cuppens1-22/+6
2018-07-24Carousel indicators transition (#26902)Martijn Cuppens1-2/+4
2018-05-18Fix double-transition bug (#26452)domq1-1/+1
By applying the transition: CSS property only to classes that are active during sliding, we avoid an unnecessary, non-zero-time animation that although mostly invisible, does interfere with e.g. z-index based parallax
2018-04-23Closes #26300: Add cursor pointer to carousel indicatorsVarunram1-0/+1
2018-04-01Tiny grammar and punctuation tweaks to a comment.Tom Swirly1-1/+1
1. It's == "it is" 2. The subject of the sentence is "Only one" (not "these") so the verb must agree with it. Feel free to do nothing with this change, use it, etc - I just saw this while reading through the code.
2018-03-12Replace "loose" HEX values with their respective variables (#25672)Jacob Müller1-2/+2
2018-01-21Feature: Add carousel fade option (#22958)Mark Otto1-2/+46
* Move helpful code comments * Add .carousel-fade option to Sass * Document example of the fade carousel * more logical warning of the .active class on carousel items
2017-10-23Enable stylelint's `function-comma-space-after`. (#24501)XhmikosR1-2/+2
The option is set to `always-single-line` in stylelint-config-standard which we extend.
2017-10-19Gradients and shadows (#24429)Mark Otto1-0/+6
* Update the form focus mixin to use a manual `$enable-shadows` check so we can always ensure a focus state for accessibility and consistency * - Add new `$input-btn-focus-width` and `$input-btn-focus-color` variables. - Replace separate `$btn-focus-box-shadow` and `$input-focus-box-shadow` variables with unified `$input-btn-focus-box-shadow` to match our combined variables approach elsewhere. * Put new focus width var to use in buttons mixins * use new button input-box shadow var * Add a new mixin for quickly adding linear gradient to components when $enable-gradients is set to true * use correct var * fix focus shadows in button mixins * Add opt-in gradients to alerts, buttons, carousel, custom radios and checkboxes, custom file input, and dropdown items * Generate .bg-gradient- utilities * add headings to colors page and document bg-gradient utils * update the button color for active status, check with yiq as it's done for basic state and hover state
2017-07-01Update carousel display settingsMark Otto1-2/+2
Use `display: block` since we're not really using any flex styles on the `.carousel-items` (only their controls and indicators). For the indicators, since moving to `width`, our indicators grow to fill available space, so we need to change `flex: 1 0 auto` to `flex: 0 1 auto` to prevent that.
2017-07-01using max-width in flex: 1 0 auto; in ie11 offsets the center-aligned contentsMark Otto1-1/+1
2017-07-01use @supports to apply transform3d to those who can do it, then provide a ↵Mark Otto1-3/+15
non-3d fallback to ie11
2017-04-08property orderMark Otto1-1/+1
2017-04-08Do not stretch images in carousel-itemPierre-Denis Vanduynslager1-0/+1
2017-04-08Ensure carousel works in IE10/11Mark Otto1-19/+14
- Drops the `if-supports-3d-transforms()` mixin since all our browsers do support it - Updates carousel to not rely on that mixin
2017-01-23Remove `cursor: pointer;` (#21812)Mark Otto1-1/+0
* Remove most of custom cursor: pointer; implementations * turns out that's not so much of a thing
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 09:03:02 +0000