Mark Otto
2bf4de0698
Update carousel display settings
...
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-01 16:59:16 -07:00
Mark Otto
75156f419a
using max-width in flex: 1 0 auto; in ie11 offsets the center-aligned contents
2017-07-01 11:21:20 -07:00
Mark Otto
2d4534e112
use @supports to apply transform3d to those who can do it, then provide a non-3d fallback to ie11
2017-07-01 11:21:20 -07:00
Mark Otto
0c59741812
property order
2017-04-08 16:29:21 -07:00
Pierre-Denis Vanduynslager
73cfefd594
Do not stretch images in carousel-item
2017-04-08 16:29:21 -07:00
Mark Otto
ab67ffe167
Ensure carousel works in IE10/11
...
- Drops the `if-supports-3d-transforms()` mixin since all our browsers do support it
- Updates carousel to not rely on that mixin
2017-04-08 16:29:21 -07:00
Mark Otto
02e0fdbd52
Remove cursor: pointer;
( #21812 )
...
* Remove most of custom cursor: pointer; implementations
* turns out that's not so much of a thing
2017-01-23 22:15:28 -08:00
Quy
28072f153c
Update carousel comments ( #21501 )
2017-01-01 12:00:17 -08:00
Mark Otto
736be8fca6
linting
2016-12-22 14:58:40 -08:00
Mark Otto
135b65ded4
text-align doesn't apply here, so we can nuke it
2016-12-22 14:58:40 -08:00
Mark Otto
be7a8c68f7
Redo controls in flexbox
...
- 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-22 14:58:40 -08:00
Mark Otto
1706f494f0
flexbox powered indicators
...
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-22 14:58:40 -08:00
Mark Otto
d426c3c50e
start small--set flex instead of block for active items
2016-12-22 14:58:40 -08:00
Tom Lutzenberger
e1653edb95
Add variables for transitions ( #21345 )
...
* Add variables for transitions
* Add variables for transitions
2016-12-19 20:33:17 -08:00
Mark Otto
4ef547f4bb
drop the .carousel-control base class
2016-12-04 23:19:54 -08:00
Mark Otto
e331db31fd
linting
2016-12-04 22:19:20 -08:00
Mark Otto
89f5e65cfb
drop the fixed width of the indicators. instead use the carousel-control width as margins to ensure content doesn't overlap
2016-12-04 22:05:05 -08:00
Mark Otto
1980854c14
rename var
2016-12-04 22:01:31 -08:00
Mark Otto
410bf38a4f
there's no font, so rip that var
2016-12-04 21:55:46 -08:00
Mark Otto
990db2496f
rip responsive styles; they're unnecessary and likely require overriding anyway
2016-12-04 21:55:02 -08:00
Mark Otto
1abe4c83a8
redo control icons to use open iconic svgs inlined
2016-12-04 21:54:45 -08:00
Mark Otto
d157fcebba
rename control left and right to prev and next; simplify styling by removing gradient
2016-12-04 21:54:04 -08:00
Mark Otto
5c93cb7c81
code comment
2016-12-04 21:39:54 -08:00
Mark Otto
8f06eebe44
rename and un-nest icons
2016-12-04 21:39:46 -08:00
Mark Otto
c2c4b5ba76
remove comment
2016-12-04 21:39:27 -08:00
Mark Otto
1e3ec89355
Merge branch 'v4-dev' into carousel
2016-12-04 21:05:19 -08:00
Mark Otto
6782dd6e92
nuke the text-shadow
2016-12-04 20:37:30 -08:00
Mark Otto
fd87c19e79
linting
2016-12-04 20:27:33 -08:00
Mark Otto
6d28f07582
redesign indicators
2016-12-04 20:14:33 -08:00
Mark Otto
ba329cfd6a
redo css more
...
- 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-12-04 19:52:49 -08:00
Starsam80
b226766b62
Remove lots of duplication + minor cleanup ( #21238 )
...
* 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-28 13:23:59 -08:00
Mark Otto
23664d3a90
fix nesting and syntax error
2016-11-25 23:43:12 -08:00
Mark Otto
ef818c0799
Start renaming carousel classes
...
- Un-nests .carousel-item
- Appends .carousel-item- to .left, .right, .next, and .prev
- Chain .carousel-item to .active where approproriate
2016-11-25 23:42:16 -08:00
Chris Rebert
3593ee85c1
Add @supports feature query for Carousel CSS 3D transforms; fixes #15534 ( #19751 )
...
[skip sauce]
[skip validator]
2016-11-25 14:51:55 -08:00
Mark Otto
d6412cddc8
Merge pull request #19236 from twbs/carousel-icon-width
...
Extract $carousel-icon-width variable
2016-05-08 13:33:05 -07:00
Chris Rebert
105bfbc5f9
Extract $carousel-indicators-width variable
...
[skip sauce]
[skip validator]
2016-02-17 21:10:20 -08:00
Mark Otto
bfe20c2971
Merge pull request #19242 from twbs/carousel-caption-width
...
Extract $carousel-caption-width variable
2016-02-17 08:55:16 -08:00
Chris Rebert
cbdb043ee3
Extract $carousel-caption{-sm-up}-width variables
...
[skip sauce]
[skip validator]
2016-02-16 21:45:16 -08:00
Chris Rebert
104ace17cb
Extract $carousel-indicator{-active}-size variables
...
[skip sauce]
[skip validator]
2016-02-16 21:00:10 -08:00
Chris Rebert
9f85c6e1d1
Extract $carousel-control-sm-up-size variable
...
[skip sauce]
[skip validator]
2016-02-16 20:50:48 -08:00
Chris Rebert
3003f530c9
Extract $carousel-icon-width variable
...
[skip sauce]
[skip validator]
2016-02-16 20:46:52 -08:00
Chris Rebert
44a1361079
Rename gradient mixins to match new naming convention
...
gradient-{horizontal=>x}[-three-colors]
gradient-{vertical=>y}[-three-colors]
2016-01-13 15:34:01 -08:00
Chris Rebert
1a0a2186b8
scss/_carousel.scss: Add missing backticks in comment
...
[ci skip]
2015-11-05 16:30:57 -08:00
Chris Rebert
fd39d91058
Give better description of IE9 transparent click bug & workaround
...
[skip sauce]
[skip validator]
2015-10-27 12:47:04 -07:00
Kevin Kirsche
54fba7cbe5
Rename .img-responsive class to .img-fluid
...
Fix #17166
2015-09-01 21:12:28 -07:00
Kevin Kirsche
d51f0a4f81
Use double colons for psuedo elements
...
Fix #17052
2015-08-24 13:22:10 -04:00
Mark Otto
c3373df95f
clean out comments that aren't all that helpful
2015-08-17 18:33:34 -07:00
Mark Otto
eaa67a82d3
fix scss linting
2015-06-19 00:14:36 -07:00
Mark Otto
169d2a4a78
Merge branch 'master' into v4
2015-06-18 23:56:43 -07:00
Mark Otto
49f874468b
comments and spacing
2015-04-18 11:17:28 -07:00