0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Commit Graph

49 Commits

Author SHA1 Message Date
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
Chris Rebert
763d77e210 Revert "Images are responsive by default"
This reverts commit d29f851e82.

Making <img>s responsive by-default without opt-in can severely break
third-party widgets such as Google Maps.
This was an acknowledged problem in Bootstrap v2
(see https://github.com/twbs/bootstrap/issues/1506 ) and was fixed in v3
by requiring the .img-responsive class for explicit opt-in
(see 09cdee2f03).
The situation hasn't really changed since then. The responsive-by-default
approach hasn't become any more suitable in the intervening time.

So let's avoid having this regress in v4. :-)
2015-03-28 04:06:22 -07:00
Mark Otto
d29f851e82 Images are responsive by default 2015-03-11 19:19:03 +00:00
Chris Rebert
8e374bd010 put all :hover styles within @media (hover: hover) 2015-01-22 11:37:37 -08:00
Chris Rebert
cbb3b1ff9a Kill scss/mixins/_media-queries.scss
replaced media-xs => media-breakpoint-down(xs)
replaced media-sm => media-breakpoint-up(sm)
replaced media-sm-max => media-breakpoint-only(sm)
replaced media-md => media-breakpoint-up(md)
replaced media-md-max => media-breakpoint-only(md)
replaced media-lg => media-breakpoint-up(lg)
2015-01-06 17:47:13 -08:00
Chris Rebert
c7ef5810e1 rename .item => .carousel-item 2014-12-17 18:44:55 -08:00
Mark Otto
fef873a840 fix all validation, turn off some settings, add sort order 2014-12-11 12:05:29 -08:00
Mark Otto
27df020852 convert to scss 2014-12-02 14:02:35 -08:00