aboutsummaryrefslogtreecommitdiff
path: root/scss/_carousel.scss
AgeCommit message (Collapse)AuthorFilesLines
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
2017-01-01Update carousel comments (#21501)Quy1-3/+3
2016-12-22lintingMark Otto1-2/+2
2016-12-22text-align doesn't apply here, so we can nuke itMark Otto1-1/+0
2016-12-22Redo controls in flexboxMark Otto1-10/+4
- Drops the absolute positioning of the icons within the left/right controls. We have to keep the controls themselves positioned though since we're overlapping HTML elements here. - No more position, left, right, or margins involved; just some justify-content and align-items. - Add some comments for explaining which flex property-value pair does what. - Remove the unapplied font and line-height stuff now that we're all SVGs and flexbox here.
2016-12-22flexbox powered indicatorsMark Otto1-2/+6
This revamps the indicators to use flexbox instead of inline-block for added flexbility (hah). Indicators now automatically scale based on the number of elements present, and max out at the `$carousel-indicator-width` instead of always being that wide.
2016-12-22start small--set flex instead of block for active itemsMark Otto1-1/+1
2016-12-19Add variables for transitions (#21345)Tom Lutzenberger1-1/+1
* Add variables for transitions * Add variables for transitions
2016-12-04drop the .carousel-control base classMark Otto1-1/+2
2016-12-04lintingMark Otto1-1/+1
2016-12-04drop the fixed width of the indicators. instead use the carousel-control ↵Mark Otto1-4/+6
width as margins to ensure content doesn't overlap
2016-12-04rename varMark Otto1-5/+5
2016-12-04there's no font, so rip that varMark Otto1-1/+0
2016-12-04rip responsive styles; they're unnecessary and likely require overriding anywayMark Otto1-34/+0
2016-12-04redo control icons to use open iconic svgs inlinedMark Otto1-16/+9
2016-12-04rename control left and right to prev and next; simplify styling by removing ↵Mark Otto1-13/+7
gradient
2016-12-04code commentMark Otto1-1/+1
2016-12-04rename and un-nest iconsMark Otto1-43/+41
2016-12-04remove commentMark Otto1-1/+0
2016-12-04Merge branch 'v4-dev' into carouselMark Otto1-1/+1
2016-12-04nuke the text-shadowMark Otto1-6/+0
2016-12-04lintingMark Otto1-2/+2
2016-12-04redesign indicatorsMark Otto1-14/+24
2016-12-04redo css moreMark Otto1-49/+20
- fix naming of left/right controls - drop the absolute positioning of things and rely on only 3d transforms - remove img styles and require classes to avoid inline-block line-height stuff
2016-11-28Remove lots of duplication + minor cleanup (#21238)Starsam801-2/+2
* Remove comment that duplicated some code * Use transition mixin whenever possible * Create a new function to reduce duplication * Use the new `breakpoint-infix` method
2016-11-25fix nesting and syntax errorMark Otto1-30/+29
2016-11-25Start renaming carousel classesMark Otto1-46/+48
- Un-nests .carousel-item - Appends .carousel-item- to .left, .right, .next, and .prev - Chain .carousel-item to .active where approproriate
2016-11-25Add @supports feature query for Carousel CSS 3D transforms; fixes #15534 ↵Chris Rebert1-2/+2
(#19751) [skip sauce] [skip validator]
2016-05-08Merge pull request #19236 from twbs/carousel-icon-widthMark Otto1-5/+5
Extract $carousel-icon-width variable
2016-02-17Extract $carousel-indicators-width variableChris Rebert1-2/+2
[skip sauce] [skip validator]
2016-02-17Merge pull request #19242 from twbs/carousel-caption-widthMark Otto1-4/+4
Extract $carousel-caption-width variable
2016-02-16Extract $carousel-caption{-sm-up}-width variablesChris Rebert1-4/+4
[skip sauce] [skip validator]
2016-02-16Extract $carousel-indicator{-active}-size variablesChris Rebert1-5/+6
[skip sauce] [skip validator]
2016-02-16Extract $carousel-control-sm-up-size variableChris Rebert1-6/+6
[skip sauce] [skip validator]
2016-02-16Extract $carousel-icon-width variableChris Rebert1-5/+5
[skip sauce] [skip validator]
2016-01-13Rename gradient mixins to match new naming conventionChris Rebert1-2/+2
gradient-{horizontal=>x}[-three-colors] gradient-{vertical=>y}[-three-colors]
2015-11-05scss/_carousel.scss: Add missing backticks in commentChris Rebert1-1/+1
[ci skip]
2015-10-27Give better description of IE9 transparent click bug & workaroundChris Rebert1-3/+3
[skip sauce] [skip validator]
2015-09-01Rename .img-responsive class to .img-fluidKevin Kirsche1-1/+1
Fix #17166
2015-08-24Use double colons for psuedo elementsKevin Kirsche1-2/+2
Fix #17052
2015-08-17clean out comments that aren't all that helpfulMark Otto1-5/+0
2015-06-19fix scss lintingMark Otto1-1/+0
2015-06-18Merge branch 'master' into v4Mark Otto1-1/+3