rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity
19,085 Commits 108 Branches 89 Tags 547 MiB
b010a6f9f4
Commit Graph

427 Commits

Author SHA1 Message Date
Mark Otto
8a2d845a4f Fix responsive .col-{infix}-auto 
Responsive automatic column resets weren't working because they inherited their `max-width` from lower grid tiers. This was because we were resetting the `width`, not the `max-width`.
 2017-05-28 21:12:55 -07:00
Mark Otto
04724939a3 Merge branch 'v4-dev' into form-tweaks 2017-05-26 21:22:08 -07:00
Mark Otto
7e1497ddb8 Revert simplified grid column styles from #22376 
The premise for #22376 was that if we removed the `max-width` and `flex` properties, we could use the column classes as `width` utilities. The problem that I didn't remember at the time is that column classes have horizontal `padding` on them. This doesn't work for setting `width`. Perhaps more importantly, this causes #22649—the automatic sizing of columns is broken with the absence of `flex` styles.

/cc @sachinsinghi
 2017-05-26 20:16:12 -07:00
Mark Otto
5463d8436b Merge branch 'v4-dev' into form-tweaks 2017-04-21 23:36:24 -07:00
Mark Otto
7efe4ddee4 Match validation mixin focus state to normal focus state 2017-04-21 23:30:06 -07:00
Patrick Yeo
dd0ce3e4b2 Rename variable $input-border-focus to $input-border-color-focus (#22413) 
* Rename variable $input-border-focus to $input-border-color-focus
* Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively
* Rename variables $state-*-border to $state-*-border-color, respectively
* Rename variables $alert-*-border to $alert-*-border-color
* Rename $list-group-active-border to $list-group-active-border-color
* Rename $table-inverse-border to $table-inverse-border-color
* Rename $btn-*-border to $btn-*-border-color
* Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
 2017-04-16 15:45:10 -07:00
Mark Otto
09f98fbd0e Update card outline mixin 
Fixes #22056 by ensuring outline cards make their header/footer transparent and use the right border color.
 2017-04-08 21:25:38 -07:00
Mark Otto
01dbc4cc05 Bump up from 2px to 3px so it's consistent; also fix focus of inputs 2017-04-08 21:24:03 -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
2436ad589c drop flex and max-width, just use width 2017-04-07 14:22:49 -07:00
Mark Otto
296c99020c Revamp button and input vars while fixing #21587 (#22287) 2017-03-28 09:28:27 -07:00
Mark Otto
3ea3e10799 Use the hr-method for the nav-divider, closes #21945 2017-03-26 15:03:13 -07:00
Mark Otto
7ca078da81 fixes #22111 
- add .col-*-auto to the extend in our grid framework mixins so it gets padding
- this means we can avoid the col-12 classes in our docs for the responsive variants
 2017-03-26 13:23:49 -07:00
Mark Otto
32ed268c82 fixes #22245: revamp the breakpoint-between and breakpoint-only mixins to actually work 2017-03-26 13:23:49 -07:00
Mark Otto
8108c0357a Drop position relative on container that was added quickly in Alpha 6 2017-03-26 13:23:49 -07:00
Pierre-Denis Vanduynslager
89b47efc32 Simplify generation and get rid of previously added "breakpoint-previous" function 2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
c1325a756e Generate correct breakpoints for navbar-toggleable-* and generate toggleable without media query to never collapse 2017-03-23 23:02:28 -07:00
Gaël Poupard
2085c14267 Update _screen-reader.scss (#22154) 
* Update _screen-reader.scss

Small improvements that could be important:
* `clip` [is deprecated](https://www.w3.org/TR/css-masking-1/#clip-property). Adding `clip-path` as progressive enhancement; the shorter notation came from @ryuran 's [suggestion](https://twitter.com/ryuran78/status/778943389819604992);
* [J. Renée Beach warned about single pixel with interfering with screen readers vocalisation](https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe#.vcd5xlpgg) solved with `white-space`.

See [the detailed post on Hugo Giraudel's blog](http://hugogiraudel.com/2016/10/13/css-hide-and-seek/).

Also kinda related to issue #20732 :)

Please let me know if you find any trouble with this technique. Thanks a lot!

* Reorder declarations

To pass Hound.
Didn't think `clip` and `clip-path` would be considered as unrelated…

* Trailing spaces

* Last trailing space?

* Remove margin: -1px
 2017-03-19 16:05:45 -07:00
naicko
890c6041f3 Update scss mixins to comply with scss-linting rules (#22151) 
* Fixed some linting issues

* Run npm tasks after scss cleanup

* Revert "Run npm tasks after scss cleanup"

This reverts commit 1103a0da68.

* Property sort order for grid

* Let's respest the property order in the mixins

* Respect property sort order in reboot file

* ::-ms-expand is a vendor-prefix, add it to the scss-lint disable

* Revert hover mixin comment

* Fixed missing mixin hover-focus
 2017-03-18 13:06:05 -07:00
Mark Otto
9a93671b75 Move box-shadow and transition mixins out of the main mixins file and into their own files 2017-03-05 12:40:01 -08:00
Mark Otto
4778190d78 Drop the .hidden and .visible classes, save for the print ones 
— Moves print display utils to display utils file
— Removes all other .hidden- utils
— Expands on .invisible and it's mixin to provide options for visibility: visible and visibility: hidden
 2017-03-05 12:25:41 -08:00
Mark Otto
ed1de86794 Update spacer utilities (#22123) 
* Drop -x and -y as they're all the same
- Also move -width to elsewhere in the vars because it makes no sense by spacers.
- Update values of -x and -y across main Sass and docs Sass.
* Update docs to reflect changes; link to spacing utils from options page
 2017-03-05 12:20:44 -08:00
Pierre Vanduynslager
3173a72083 Remove unused input-size mixin (#21971) 2017-02-11 21:16:16 -08:00
Mark Otto
d79b556373 Fixes #21814. Also accounts for custom file inputs. 2017-02-04 17:03:42 -08:00
Pierre-Denis Vanduynslager
d6a5439a8c Remove list-group-item-heading and list-group-item-text (#21653) 2017-01-15 21:36:15 -08:00
Rishabh Rajgarhia
2f429fbd77 Update breakpoints in breakpoints.scss comments 2017-01-09 21:05:24 -08:00
Mark Otto
22fcac2cea Rip out the tab-focus mixin, remove application to anchors in reboot 2016-12-31 12:47:03 -08:00
Mark Otto
a0141aa38e Rewrite progress component without <progress> element 
- <progress> element didn't allow animation, labels overlaid, multiple bars, etc.

- Revamps CSS to use something more similar to v3's implementation

- Ditches variant mixin for `bg-` utils

- Rebuilds docs to match, including adding a new Height section for customizing that.

Only potential remaining todo is adding `.sr-only` instances to within the bar. Unsure if that's necessary.
 2016-12-30 22:46:00 -08:00
Quy
f320ecee84 Drop IE9 comment 2016-12-29 10:17:11 -08:00
Mark Otto
d9fcdcfa76 add position relative to container 
allows for better/easier positioning of elements within (e.g., a toggler in a navbar)
 2016-12-28 19:09:20 -08:00
Pierre-Denis Vanduynslager
6fcf696570 Change last reference from tags over to badges. 2016-12-29 13:20:24 +11:00
Mark Otto
78d0e97509 remove plain-hover-focus from list group mixin 2016-12-28 15:13:43 -08:00
Mark Otto
e38c3506e3 properly pass focus shadow should you enable shadows 
don't implement for the outline style because outline buttons get no shadow by default
 2016-12-28 15:12:04 -08:00
Mark Otto
a9bee8b6c8 remove active styling from focus 2016-12-28 15:12:04 -08:00
Mark Otto
62c4cb29fb redo outlines 
- removes original outline removal (hah)
- replaces it with an explicit `outline: 0` on `.btn`
- instead of replicating `:hover` for `:focus`, uses custom and themed `box-shadow` for an "outline"
- not mapped to the `$enable-shadows` variable because accessibility
 2016-12-28 15:12:04 -08:00
Mark Otto
79cfc095df linting 2016-12-28 15:12:04 -08:00
Mark Otto
7aa2a52069 Redo button states 
Trying to simplify our output here by revamping these selectors. We overcomplicated things by setting hover styles for nearly every state (disabled and active included), and we set them in the wrong order.

This commit does the following:

- Reorders states so disabled comes before active, thereby removing the need to set disabled-active styles.

- Removes all focus and hover styles from disabled states as those will naturally inherit from the default button state.

- Renamed `.open` to `.show` to fix dropdown toggle highlighting.

- Tweaked some indendation in the Sass.
 2016-12-28 15:12:04 -08:00
Mark Otto
73da266009 move flex to navbar container only; otherwise it affects things negatively elsewhere 2016-12-22 13:48:07 -08:00
Mark Otto
135bd0283d containers should flex 2016-12-22 13:48:07 -08:00
Bardi Harborow
855a67b1d6 Remove IE9 browser hacks. (#21393) 2016-12-22 13:41:31 -08:00
Mark Otto
eb2e1102be Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389) 
* remove the $enable-flex variable option

* remove bootstrap-flex.css dist file and it's grunt task

* remove the separate flex css file for docs; it's all the same now

* remove flexbox docs (porting some to the main grid docs in next commit)

* clean up few grid docs bits to simplify copy, start to mention flexbox

* port relevant flexbox-grid.md content to grid.md

- clean up mixins
- update how it works section
- bring over sizing and alignment sections

* remove the $enable-flex from the options.md page

* update lead paragraph to mention flexbox

* update migration to mention loss of ie9 support

* remove mention of flexbox dist file

* clarify IE support

* making a note

* remove flexbox variant mentions from component docs

- updates docs for media object, navs, list group, and cards to consolidate docs
- no more need to callout flexbox variants since it's now the default

* remove $enable-flex if/else from sass files

* remove flex dist files

* update scss lint property order to account for flex properties

* linting

* change to numberless classes for autosizing, wrap in highlighting div

* bump gruntfile and postcss to ie10

* redo intro sections

* rearrange

* phew, redo hella grid docs

- rearrange all the things
- consolidate some bits

* remove reference to flexbox mode

* more border action for demo

* Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
 2016-12-21 20:26:17 -08:00
sophiegit
eeb49651c6 Update bootstrap/scss/mixins/_breakpoints.scss (#21285) 
grid-breakpoint for sm is 576px
https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss#L186-L192

1._breakpoints.scss
comment  says that grid-breakpoint for sm is 544px,

2.http://v4-alpha.getbootstrap.com/layout/overview/#responsive-breakpoints
current document says that grid-breakpoint for sm is 544px,
but it should be 576px
 2016-12-04 16:46:07 -08:00
Brad Kent
8250bd1b21 Fix #20936 make inline checkbox/radio markup same as stacked (#20995) 
* #20936 make inline checkbox/radio markup same as stacked

* tweak language and remove extra blank line in snippet
 2016-11-28 20:56: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
2f9a94caac Inverse card improvements (#21242) 
* Add a color to .card-inverse to account for non .card- prefixed classes

* reword the docs to better articulate what the class does
 2016-11-28 13:22:51 -08:00
Rodrigo Waltenberg
c5c1bfec01 Made card header and footer's background transparent on .card-inverse (#21111) 
Solves issue #18946
 2016-11-27 23:12:03 -08:00
Starsam80
08e36a3cc9 Rename .col-xs to .col + some other cleanup (#21222) 
* Use `breakpoint-min` instead of a counter

* Remove 'xs' from flexbox grid
 2016-11-27 22:47:00 -08:00
Mark Otto
869bd23937 Update clearfix mixin (#21224) 
* Update clearfix to use block instead of table display (also reorder properties for linting)
* update docs snippet for clearfix mixin—was apparently still using Less syntax and had old clearfix hack (even before the block change in this PR)
 2016-11-27 17:05:29 -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
Eric Nolte
9402be4d44 Update grid mixins to omit lowest breakpoint 
The new breakpiont-limited class pattern is to omit the breakpoint size when using the lowest size eg. col-xs-12 to col-12. This commit implements this pattern to the grid system.
 2016-11-04 10:47:23 -06:00
Mark Otto
ffaad0a819 Responsive display utilities (#20934) 
* Explore responsive display utils, but with a twist: lowest breakpoint has no breakpoint modifier in the class name
* make floats use the same format, add float-none mixin
 2016-10-31 21:27:56 -07:00
Mark Otto
cfd6e92ff6 include .col-form-label in the form validation field mixin 2016-10-28 16:35:47 -07:00
Mark Otto
9d011a8a6f Merge pull request #20101 from heath3/patch-1 
Re-use 'between' mixin for 'only' mixin
 2016-10-27 22:17:48 -07:00
Mark Otto
bc076d71b3 follow up to #20441: move file to correct place 2016-10-27 22:11:19 -07:00
Mark Otto
020a8c6918 Merge pull request #20734 from beausmith/button-outline-variant 
Remove hard-coded value in button-outline-variant
 2016-10-27 19:58:48 -07:00
Mark Otto
e2068d0e53 Merge branch 'auto-flex-col' of https://github.com/alanmoo/bootstrap into alanmoo-auto-flex-col 2016-10-27 09:41:33 -07:00
Mark Otto
d9fa3fd797 Rename .tag to .badge to avoid conflicting with WordPress 2016-10-26 18:33:58 -07:00
Mark Otto
2eaef44edd Merge pull request #20951 from sbaechler/font-weights 
Use a variable for the default font weights. Fixes #20741
 2016-10-25 19:55:34 -07:00
Mark Otto
a3bc24abc4 Merge pull request #20973 from pixelbandito/container-gutter-breakpoints 
Container padding uses per-breakpoint gutter sizes, fixes #19304.
 2016-10-24 21:49:26 -07:00
Chris Garcia
e1fefe6065 Container padding uses per-breakpoint gutter sizes, fixes #19304. 2016-10-22 00:06:41 -05:00
Pierre-Denis Vanduynslager
6eb2e54a91 Use box-shadow mixin 2016-10-20 16:35:45 -04:00
Pierre-Denis Vanduynslager
7a21517a48 Set box-shadow on input if enable-shadows rather than enable-rounded 2016-10-20 14:29:20 -04:00
Alan Mooiman
e22b0df8b2 Create col class for auto flexbox columns 
.col-xs-auto, .col-sm-auto, etc.
 2016-10-20 13:08:00 -04:00
Simon Bächler
8402d2321f Use a variable for the default font weights. Fixes #20741 
Websites might use different weights such as medium or thin or use light as default weight instead of normal.
Also referenced: #18605 and #16170.
 2016-10-19 21:41:27 +02:00
Mark Otto
8273e0cf82 linting 2016-10-09 16:46:47 -07:00
Mark Otto
b77b874265 fix focus shadows, if enabled 2016-10-09 16:44:04 -07:00
Mark Otto
8750b5f81c The color is already covered in the first ruleset here 2016-10-09 16:39:02 -07:00
Mark Otto
821f719367 Merge pull request #20684 from twbs/v4-utils 
v4: The Utilities Update
 2016-10-09 14:54:57 -07:00
Mark Otto
6c867667a1 Merge branch 'v4-dev' into v4-utils 2016-10-09 14:36:43 -07:00
Mark Otto
88bf5af896 Remove display from the .img-fluid utility 
Creating max-width images is not dependent on the display, so setting it is redundant. Cleans up the comments and implementation of the mixin as well.

Fixes #20767
 2016-10-09 14:14:39 -07:00
Mark Otto
a43dc8872f Move from max-width to width for containers, plus a max-width 100% 
- Fixes issues between float and flex grid systems where container wouldn't fill the available width in Chrome & FF (but would in Safari)
- Fixes #20681
- Fixes #17621 (basically same issue as above issue)
 2016-10-09 13:14:10 -07:00
Bardi Harborow
2e69dfa8c1 Fix broken/redirected links, moving to HTTPS where possible. (#20557) 2016-10-03 09:55:59 -07:00
Mark Otto
88c601a842 Flexbox grid updates (#20829) 
* Fixes #20775 without adding extra width and an important flag

* Since we're now getting the extend, we don't need the extra position relative

* rerrange

* getting min-height from the extend already
 2016-10-02 21:10:06 -07:00
Mark Otto
3dc4b3647c Rename pull-*-{left|right} classes to .float-*-left and .float-*-right 2016-09-26 00:54:10 -07:00
Beau Smith
3df78ce11b Remove hard-coded value in button-outline-variant 
Fixes #20609

PR #20641, another solution to this issue, hard-codes use of $body-color, which may not be the desired color for the text when hovering.
 2016-09-16 13:02:52 -07:00
Kovah
0ef64d89f7 Add breakpoint-specific gutters. 2016-09-13 23:02:56 -05:00
NicoLB
659809db15 .form-control:focus customization (#20436) 
* Allow variables input-bg-focus and input-color-focus to be overridden.
* More consistency and control to customize shadows on .form-control:focus
 2016-09-11 22:32:33 -07:00
Mark Otto
a96038b50a Revamp background utilities and add new .text-white utility 
- Rather than mix multiple properties in our color utilities, this splits all color and all background utils into separate classes.
- Adds new .text-white class to help lighten text color for darker backgrounds
 2016-09-08 22:18:40 -07:00
Mark Otto
7e18498b64 Fixes #20608 and #20578: Consistent checkbox and radio markup (#20629) 
- Update docs examples to use newer .form-check suite of classes
- Update form validation mixin to use newer classes as well
 2016-09-05 11:39:37 -07:00
Mark Otto
9c720285b5 Fixes #20619: Add important to the hover/focus as well (#20626) 2016-09-04 17:55:34 -07:00
Franco Moya
833028a779 Remove unused $variables in grid mixins (#20597) 2016-09-04 17:43:38 -07:00
Allan Chau
4f947f46ce Remove unused $size parameter 2016-07-30 18:09:11 +09:30
Mark Otto
adba459749 restore the .col-{bp} class for flexbox auto layout 2016-07-25 17:22:06 -07:00
Mark Otto
cdc55a46c2 linting 2016-07-23 17:21:00 -07:00
Mark Otto
a8879c8f82 Follow-up to #19099 for grid fixes 
- Restores two-mixin approach to generating semantic grid columns (now with 'make-col-ready' and 'make-col')
- Removes need for .col-xs-12 by restoring the mass list of all grid tier classes to set position, min-height, and padding
- Adds an initial 'width: 100%' to flexbox grid column prep (later overridden by the column sizing in 'flex' shorthand or 'width') to prevent flexbox columns from collapsing in lower viewports
 2016-07-23 17:12:43 -07:00
Chris Rebert
873cf751c0 Remove forced default focus outline (#20275) 
As this causes non-standard dotted outline on checkboxes/radio buttons
in OS X Firefox

Ports #19935 to v4
Refs #19933

[skip sauce]
 2016-07-11 20:50:27 -07:00
Chris Rebert
a358fc9dc1 Replace grunt-postcss with postcss-cli (#20140) 
Refs #19990
Continues the degruntification process.

Also removes mq4-hover-shim for now,
since it doesn't yet implement the standard PostCSS plugin interface.
 2016-06-20 16:18:21 -07:00
heath3
d19e762d57 Re-use 'between' mixin for 'only' mixin 
Keeps the code DRY in the same way 'between' uses 'up' and 'down'.
 2016-06-09 16:07:27 +01:00
Mark Otto
5ff8d0f66e Fixes #19840: Invert the .card-subtitle color as well for .card-inverse 2016-05-11 20:41:33 -07:00
Mark Otto
f68b06a123 Update card variants 
- Remove background-color from header and footer in inverse cards (fixes #19841)
- Update border override for header and footer in cards; only need to declare a new color
- Update the selector for targetting blockquote footers in cards
 2016-05-11 20:32:20 -07:00
Mark Otto
9d6b41c127 Merge pull request #19141 from twbs/v4-forms-cleanup 
v4: Forms cleanup
 2016-05-11 10:49:31 -07:00
Mark Otto
1b17ee4062 property order 2016-05-09 10:18:41 -07:00
Mark Otto
3daeb58ac3 Merge branch 'add-input-focus-variables' of https://github.com/kevinkucharczyk/bootstrap into kevinkucharczyk-add-input-focus-variables 2016-05-09 10:17:27 -07:00
Mark Otto
9f2ab98026 Merge branch 'v4-dev' into v4-forms-cleanup 2016-04-23 14:24:08 -07:00
Rplus
80affcc6c5 remove unnecessary / in reference url 2016-04-18 04:08:28 +08:00
Mark Otto
80144d74d7 Merge branch 'v4-dev' into v4-forms-cleanup 2016-04-08 20:55:19 -05:00
Lionel Erard
18c25056a6 Update offset class name in comment in _grid-framework.scss 
[skip sauce]
[skip validator]
 2016-04-06 02:27:59 -07:00
Kevin P. Kucharczyk
585e5e9adf Add $input-bg-focus and $input-color-focus variables 2016-03-02 17:41:20 +01:00
Chris Rebert
43d0d45d0a Add $gutter parameter to make-col mixin; fixes #19147 
[skip sauce]
[skip validator]
 2016-02-17 03:19:07 -08:00
Mark Otto
d6207d852a Merge branch 'fix-19094' of https://github.com/ameya-pandilwar/bootstrap into ameya-pandilwar-fix-19094 2016-02-16 20:28:51 -08:00
Mark Otto
4043510e0e fixes #19148 as follow up to #19099: ensure local mixin variable is used for in make-grid-columns mixin 2016-02-16 20:11:11 -08:00
Patrick H. Lauke
9b8a4bc691 Add extra styles for focused/hovered active outline buttons 2016-02-15 12:58:16 +00:00
Ameya Pandilwar
4ed5fa77ff Rename .label class to .tag 2016-02-11 03:54:30 -05:00
Mark Otto
371fbdb0e8 .text-help is dead, long live .form-control-feedback 
Uses a new more specific class, adds some basic spacing, and clarifies
that this class is only for validation feedback.

Clears up the help text class question in
https://github.com/twbs/bootstrap/pull/18704#issuecomment-168241731 and
addresses the vertical spacing in #18703.
 2016-02-09 01:10:05 -08:00
Mark Otto
09aefaa2af Alternate fix to #17965: Updates to use the new class name and adds some basic docs for custom checkbox/radio validation 2016-02-08 23:21:32 -08:00
Mark Otto
a16b2ef162 Remove line-height from the button size mixin too 2016-02-07 22:43:53 -08:00
Mark Otto
c59dbe56fe Drop .center-block for .m-x-auto 
- Both classes do about the same thing, but with different names
- Clarifies docs for .m-x-auto requiring a fixed width block element for it to work
- Add missing heading for clearfix section in docs (unrelated)
 2016-02-06 15:40:25 -08:00
Mark Otto
3743f279c1 linting 2016-02-06 12:32:43 -08:00
Mark Otto
15018a6d8a Ugh, Sass doesn't do extends across media, so we can't use placeholder here 2016-02-06 11:48:28 -08:00
Mark Otto
50e854affa property order and white space 2016-02-06 11:36:45 -08:00
Mark Otto
4ab7c93bcc property order 2016-02-06 11:33:31 -08:00
Mark Otto
95f34be093 More grid updates 
- Flexbox responsive behavior fixed with specific .col-{breakpoint} classes now added
- Dropped the make-col mixin in favor of a column-basics placeholder that we can extend across our grid infrastructure
- Updated docs to use required .col-xs-12 (as a safeguard for when folks enable flexbox mode--this isn't necessary in default grid mode)
- Update flexbox grid docs to include responsive docs, tweak some other bits too
 2016-02-06 11:31:46 -08:00
Mark Otto
414997baa8 flip things around again, no more base class, try out some new stuff to keep responsive flex grid working 2016-02-06 10:51:59 -08:00
Mark Otto
5a9538d4c7 Revamp grid classes to require .col base class and improve flexbox grid classes with auto layout via flex: 1 2016-02-06 00:45:29 -08:00
Mark Otto
ba37c37615 Redo line-height globally 
- Rename -height to -height-base to match other vars
- Drop use of -height across the board and rely on it to be inherited
- Adjust padding of .dropdown-header to account for different line-height of h6 heading element (this needs refactoring for variables and rems also)
 2016-02-03 19:45:13 -08:00
Chris Rebert
032adf1324 Apply word-wrap:break-word to Tooltips and Popovers 
Fixes #16871 for v4
 2016-01-17 22:23:29 -08:00
Chris Rebert
beb9fc2895 Merge pull request #18880 from twbs/gradient-x-y 
Rename gradient mixins to match new naming convention
 2016-01-17 19:34:10 -08:00
Chris Rebert
a5b41e7254 Extract $btn-box-shadow variable 2016-01-16 20:23:37 -08:00
Chris Purssell
0762a1978c Allow custom breakpoint config to be passed on by mixins which nest media query mixins. 2016-01-14 16:33:04 +10: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
d26b7c7a2c Rename local vars per new naming convention: $padding-{vertical=>y} $padding-{horizontal=>x} 
[skip sauce]
[skip validator]
 2016-01-13 15:29:06 -08:00
Chris Rebert
ed3551415c Extract $btn-active-box-shadow variable & refactor accordingly 
[skip sauce]
[skip validator]
 2016-01-09 15:14:36 -08:00
Mark Otto
dfae3d46e4 Add a comment to follow-up on #17756 2016-01-07 00:30:49 -08:00
Mark Otto
2502f84dde Merge pull request #17756 from zalog/patch-11 
Flexbox grid column wrapping bug
 2016-01-07 00:29:23 -08:00
Mark Otto
6d01de2f74 Merge pull request #18518 from sergej2705/v4-dev-background-variant 
Added !important to hover
 2016-01-06 01:07:28 -08:00
Chris Rebert
4a05f19a3b Fix syntax of .text-hide's font property value 
In SCSS, the quotes were included verbatim in the resulting CSS, which isn't valid syntax for the `font` property.
Removing the quotes fixes the syntax error and does not cause any SCSS compiler error.

[skip sauce]
[skip validator]
 2015-12-25 14:06:39 -07:00
Chris Rebert
1e8743ec89 Merge pull request #18473 from twbs/fix-18036 
Remove useless .col-*-offset-12 and .col-xs-offset-0 classes
 2015-12-23 20:33:37 -07:00
Patrick H. Lauke
97461a51a2 progress bar for IE10+/Edge (radius, use ::-ms-fill, add variant mixins, striped support) 2015-12-11 08:58:11 +00:00
sergej2705
7ad62ec9cd Added !important to hover 
cause hover isn't working since bg-color is !important
 2015-12-10 08:51:09 +01:00
Chris Rebert
c1c1b3885d Remove useless .col-*-offset-12 and .col-xs-offset-0 classes 
Fixes #18036

[skip sauce]
[skip validator]
 2015-12-08 01:50:42 -08:00
Mark Otto
9e6d1c1ec6 Merge branch 'patch-6' of https://github.com/bassjobsen/bootstrap into bassjobsen-patch-6 2015-12-07 23:48:33 -08:00
Chris Rebert
e7edf10473 .page => .page-item 2015-12-07 22:37:17 -08:00
Chris Rebert
0c1df9912f Refactor pagination code to remove unnecessary ancestor requirements in selectors 2015-12-07 22:37:17 -08:00
Chris Rebert
5f35ce2095 .page>{a,span => .page-link} 2015-12-07 22:37:17 -08:00
Chris Rebert
a878c4f0c6 .pagination>{li => .page} 2015-12-07 22:37:17 -08:00
Mark Otto
e5b6922258 Merge pull request #18356 from lesleh/card-mixin 
Card mixin
 2015-12-07 21:55:26 -08:00
Leslie
c050d1e2e4 Update _cards.scss 2015-11-26 13:33:54 +00:00
Leslie Hoare
cc814f4d76 Create a mixin for creating new card styles. 
I'm aware that currently cards are a lot simpler than buttons right now
but this may change in future and it feels cleaner to be able to create
new card styles without needing to know the internals of how they're
implemented.
 2015-11-26 13:21:07 +00:00
Mark Otto
763cec82fb Merge pull request #18089 from almirsarajcic/v4-dev 
Rename .help-block to .text-help
 2015-11-12 23:57:22 -08:00
Mark Otto
99219bac55 Merge pull request #17317 from dmbaughman/v4-media-breakpoint-between 
v4 - Added  mixin to handle media queries that span multiple breakpoints
 2015-11-12 23:27:16 -08:00
Chris Rebert
fcbf49ae0a Merge pull request #18109 from twbs/color-utils-important 
Add !important to text and background color utility classes
 2015-11-12 17:02:56 -08:00
Mark Otto
bfa392b097 Merge pull request #18105 from twbs/simpler-retina 
Simplify .img-retina mixin and add explanatory comments
 2015-11-01 21:40:21 -08:00
Chris Rebert
8bcf60148a Add !important to text and background color utility classes 
[skip sauce]
[skip validator]
 2015-10-29 21:40:42 -07:00
Chris Rebert
6e8f08dc67 Remove Less->SCSS converter comment left over from bootstrap-sass 2015-10-29 20:45:34 -07:00
Chris Rebert
e0aa54c684 Simplify .img-retina mixin and add explanatory comments 
[skip sauce]
[skip validator]
 2015-10-29 17:33:22 -07:00
Bass Jobsen
54335d513c cards mixins 2015-10-29 13:44:41 +01:00
Almir Sarajcic
4264621cee Fix #17768 2015-10-28 16:27:55 +01:00
Chris Rebert
726525c0cf mixins/_progress.scss: Note that 0\0 media query hack is for IE9 
[skip sauce]
[skip validator]
 2015-10-27 12:34:26 -07:00
Chris Rebert
a30a5bb9b5 _grid.scss: Declare left margin before right margin for uniformity; refs #18036 
[skip sauce]
[skip validator]
 2015-10-23 15:58:10 -07:00
Marko Prelec
d5e47c57f1 Extract list-unstyled mixin; closes #17792 
/fyi @mdo
 2015-10-13 01:24:11 -07:00
Chris Rebert
3137eec370 Move border-radius mixin from scss/_mixins.scss to scss/mixins/_border-radius.scss 
Reunites the family.
Closes #17791
 2015-10-07 00:07:48 -07:00
Catalin Zalog
e598307a42 v4 - flexbox ie10+ compatibility 2015-10-01 22:03:05 +03:00
Gleb Mazovetskiy
eabed0edf8 Change grid and container sizes to px 
Changes grid and container sizes to `px`, as the
viewport pixel size does not depend on the font size.

The actual em values were inconsistent with the docs,
while the docs were not the same as the comments:

* `sm` breakpoint was 34em (544px) not 480px.
* `lg` container max-width was 60rem (960px), less gutter than `md`.
  Changed to 940px, same as Bootstrap 3.
* `xl` container max-width was 72.25rem which is 1140px not 1156px.
  Changed to 1140px matching the comment but not the docs.

Addresses #17070 and #17388.
 2015-09-27 14:39:17 +01:00
vsn4ik
d73d79a7a0 Use "@if not $bool" selector 2015-09-13 16:02:58 +03:00
Mark Otto
339130c040 fixes #17583: only include clearfix on make-container mixin when not in flex mode 2015-09-12 12:30:57 -07:00
vsn4ik
de44d2a3dd Rename file with text-hide mixin 2015-09-06 14:40:19 +03:00
Gleb Mazovetskiy
79aebf6c1d Merge pull request #17364 from twbs/avoid-parent-selector-suffix2 
Remove all uses of `selector &` to support nested import
 2015-09-05 10:14:59 +01:00
Mark Otto
1a6aad4548 only apply border radius mixins if rounded corners are enabled; alternate fix to #17426 2015-09-03 09:04:51 -07:00
David Baughman
b1fa07b1f7 Adding new line to end of file 2015-09-02 10:09:55 -07:00
Mark Otto
5fc4b35349 Merge pull request #17168 from kkirsche/patch-19 
v4 - Rename .img-responsive class to .img-fluid
 2015-09-02 00:33:26 -07:00
Andrew Smith
b424626e97 Update all usages of 'control-label' with 'form-control-label' in docs 2015-09-02 15:01:02 +10:00
Kevin Kirsche
54fba7cbe5 Rename .img-responsive class to .img-fluid 
Fix #17166
 2015-09-01 21:12:28 -07:00
Mark Otto
b5c93eafb8 Merge pull request #17333 from neilhem/combine-size-mixins 
Combine size & square mixins into one
 2015-09-01 20:25:25 -07:00
Mark Otto
c053f23fe6 Merge pull request #17362 from omeid/v4-container-mixin 
Semantic grid: add make-container-breakpoint
 2015-09-01 20:13:52 -07:00
Chris Rebert
8ad1f8ddbe Merge pull request #17331 from twbs/fix-17323 
rm unused $state param from form-control-validation mixin
 2015-08-29 15:55:45 -07:00
David Baughman
e481c8fff2 Merge branch 'v4-dev' into v4-media-breakpoint-between 2015-08-27 13:41:24 -07:00
O'meid
c42d0e10f4 scss: semantic grid: add make-container-breakpoint 
Signed-off-by: O'meid <public@omeid.me>
 2015-08-28 00:48:06 +10:00
Gleb Mazovetskiy
f7b27a02ce Remove all uses of selector & 
If we want to support namespaced import:

```scss
.twbs {
  @import 'bootstrap';
}
```

We cannot use `selector &`, see sass/sass#1817.

`fieldset[disabled] &` is not needed as we no longer support IE8.
 2015-08-27 13:11:14 +01:00
Chris Rebert
c6e648d79b rm responsive-invisibility mixin since it's only used once 
inline the one remaining usage into .hidden-print's definition
rm now-empty scss/_utilities-responsive.scss file

[skip sauce]
[skip validator]
 2015-08-26 15:31:36 -07:00
Chris Rebert
19e996c623 tree shaking: rm unused responsive-visibility mixin 
[skip sauce]
[skip validator]
 2015-08-26 15:06:09 -07:00
Rakhat Jabagin
865911c35d combine size & square mixins into one 2015-08-26 16:17:00 +06:00
Chris Rebert
5c239aae7d rm unused $state param from form-control-validation mixin; fixes #17323 
[skip sauce]
[skip validator]
 2015-08-26 01:32:26 -07:00
David Baughman
026682bf0d Added mixin to handle media queries that span multiple breakpoints 2015-08-25 12:53:14 -07:00
Mark Otto
5fc3b1d540 Merge pull request #17113 from JanStevens/v4-fix-retina-mixin 
Fixes the _image mixing by prefixing the parameters with $
 2015-08-25 07:45:02 -07:00
Kevin Kirsche
d51f0a4f81 Use double colons for psuedo elements 
Fix #17052
 2015-08-24 13:22:10 -04:00
Mark Otto
27f97e328b shorter clearfix 2015-08-23 00:18:28 -07:00
Mark Otto
54a5fbe0c1 fix #17149: correct syntax in list-group variant mixin; nullifies #17154 2015-08-22 21:46:46 -07:00
Mark Otto
1f153b640d re-fix #16154 in v4-dev /cc #17101 2015-08-22 19:05:43 -07:00
Mark Otto
990d646bcd fix shadows on btns to use mixin 2015-08-22 19:01:11 -07:00
Jan Stevens
b7b8f98c86 Fixes the _image mixing by prefixing the parameters with $ 2015-08-20 11:35:00 +02:00
Gleb Mazovetskiy
f88cbe7ee4 Fix -flex compile on Sass Ruby #17046 2015-08-20 08:38:02 +01:00
Mark Otto
82615e9919 no bg-color to start on outline buttons so they're easier to use on light and dark color schemes 2015-08-17 23:43:25 -07:00
Mark Otto
6a75d07e0c Use -* vars for .bg-* and .text-* utilities 
- Simplifies variables usage
- Makes components and brand variable usage more consistent (dark bg and white text throughout instead of some mixed light and dark bgs)
- Very likely means lower contrast and thus no more AA compliance (we'll want to fix that eventually obviously)
 2015-08-13 23:47:47 -07:00
Mark Otto
9b1ee31567 nuke the shared padding vars and assign to individual components 
- no real need for everything to be 100% shared
- padding looked and felt too large for inputs but not for buttons
- tying forms and buttons seems fine, but throwing in pagination feels wrong
 2015-08-13 23:04:16 -07:00
Thomas McDonald
1d631e6ca3 remove .badge class from buttons 2015-08-12 21:07:41 -07:00
Mark Otto
a90f6c7093 reorder variables, rename -color to -color 2015-08-10 23:38:41 -07:00
Mark Otto
743717fbce really fix those outline buttons 2015-08-09 23:45:36 -07:00
Mark Otto
7c3f5b6d59 rewrite some forms docs, use new validation styles and icons 2015-08-08 14:15:09 -07:00
Mark Otto
1ddc3f5e21 Merge branch 'master' into v4m 2015-08-04 22:29:45 -07:00
Mark Otto
ed42fc9b76 line-height-base to line-height var 2015-06-22 23:24:32 -07:00
Mark Otto
ecc7d9ba26 fix placement of mixin 2015-06-19 00:00:21 -07:00
Mark Otto
169d2a4a78 Merge branch 'master' into v4 2015-06-18 23:56:43 -07:00
Mark Otto
4bc58b9a5a when using flexbox, don't add a clearfix 
doing so fubars the grid column rounding (in safari at least) and causes layout problems
 2015-05-27 17:37:22 -07:00
Chris Rebert
82c9038f20 Unquote to avoid NUL chars in the output CSS 2015-05-15 12:17:13 -07:00
Chris Rebert
ee33891e42 Merge pull request #60 from twbs/libsass-185 
Remove libsass @media nesting bug workaround
 2015-05-06 13:29:02 -07:00
Mark Otto
ed89be1f44 Remove $line-height-computed 
We have it set to `1` right now just to avoid compilation errors, but
it’s been replaced everywhere with our new spacer classes anywho. We’ll
likely want to remap that var to custom component vars though (e.g.,
`$pagination-margin` instead of `$spacer-y`).
 2015-04-29 12:00:11 -07:00
Mark Otto
b849be2edc rename media query var to match /cc @cvrebert 2015-04-29 11:49:25 -07:00
Mark Otto
9d4d6ef3a2 stub out flexbox grid variation via -flex 2015-04-27 01:43:14 -07:00
Mark Otto
490294e68b Fix up some form docs styles, sizing, etc 2015-04-23 01:10:14 -07:00
Mark Otto
cd3bc6a089 Merge pull request #101 from twbs/institutional-memory 
Revert "Images are responsive by default"
 2015-04-16 17:03:58 -07:00
Mark Otto
6749e5509c rewrite table modifiers to use .table- prefix 2015-03-30 18:08:01 -07:00
Mark Otto
608be81a43 Fixes #13583: Move .sr-only and .sr-only-focusable to mixins, then use them to create classes in _utilities.scss 2015-03-30 17:36:00 -07:00
Mark Otto
58082cd83e Merge branch 'master' into v4 
Conflicts:
	.gitignore
	Gruntfile.js
	_config.yml
	dist/css/bootstrap-theme.css
	dist/css/bootstrap-theme.min.css
	dist/css/bootstrap.css
	dist/css/bootstrap.css.map
	dist/css/bootstrap.min.css
	dist/js/bootstrap.js
	dist/js/bootstrap.min.js
	docs/_includes/components/navbar.html
	docs/_includes/components/progress-bars.html
	docs/_includes/css/grid.html
	docs/_includes/css/overview.html
	docs/_includes/customizer-variables.html
	docs/_includes/getting-started/accessibility.html
	docs/_includes/getting-started/browser-device-support.html
	docs/_includes/getting-started/community.html
	docs/_includes/getting-started/disabling-responsiveness.html
	docs/_includes/getting-started/download.html
	docs/_includes/getting-started/examples.html
	docs/_includes/getting-started/license.html
	docs/_includes/getting-started/third-party-support.html
	docs/_includes/js/alerts.html
	docs/_includes/js/buttons.html
	docs/_includes/js/carousel.html
	docs/_includes/js/collapse.html
	docs/_includes/js/dropdowns.html
	docs/_includes/js/modal.html
	docs/_includes/js/popovers.html
	docs/_includes/js/scrollspy.html
	docs/_includes/js/tabs.html
	docs/_includes/js/tooltips.html
	docs/_includes/js/transitions.html
	docs/_includes/nav/javascript.html
	docs/_includes/nav/main.html
	docs/about.html
	docs/assets/css/docs.min.css
	docs/assets/css/src/docs.css
	docs/assets/js/customize.min.js
	docs/assets/js/raw-files.min.js
	docs/assets/js/src/customizer.js
	docs/dist/css/bootstrap-theme.css
	docs/dist/css/bootstrap-theme.min.css
	docs/dist/css/bootstrap.css
	docs/dist/css/bootstrap.css.map
	docs/dist/css/bootstrap.min.css
	docs/dist/js/bootstrap.js
	docs/dist/js/bootstrap.min.js
	docs/migration.html
	js/affix.js
	js/alert.js
	js/button.js
	js/carousel.js
	js/collapse.js
	js/dropdown.js
	js/modal.js
	js/popover.js
	js/scrollspy.js
	js/tab.js
	js/tests/unit/affix.js
	js/tests/unit/button.js
	js/tests/unit/carousel.js
	js/tests/unit/modal.js
	js/tests/unit/tooltip.js
	js/tests/visual/modal.html
	js/tooltip.js
	less/component-animations.less
	less/jumbotron.less
	less/mixins/background-variant.less
	less/mixins/buttons.less
	less/mixins/responsive-visibility.less
	less/mixins/text-emphasis.less
	less/navbar.less
	less/navs.less
	less/scaffolding.less
	less/tooltip.less
	less/utilities.less
	less/variables.less
	package.json
	scss/_buttons.scss
	scss/_forms.scss
	scss/_modal.scss
 2015-03-29 00:08:54 -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
f265fed3eb account for mq4-hover-shim's renaming & org move 2015-02-04 21:15:01 -08:00
Chris Rebert
fd13e33aa4 add $use-hover-media-query to control @media (hover:hover) usage 2015-01-22 11:39:57 -08:00
Chris Rebert
8e374bd010 put all :hover styles within @media (hover: hover) 2015-01-22 11:37:37 -08:00
Chris Rebert
807a837afe Remove libsass @media nesting bug workaround 
https://github.com/sass/libsass/issues/185 has been fixed.
Refs #48
 2015-01-08 21:41:33 +00:00
Gleb Mazovetskiy
720d02c5e5 Revert "Remove libsass @media nesting bug workaround" 
This reverts commit d6a5ebf438.

There has not been a release of libsass with this fix yet, sorry!
 2015-01-08 21:38:12 +00:00
Chris Rebert
d6a5ebf438 Remove libsass @media nesting bug workaround 
https://github.com/sass/libsass/issues/185 has been fixed.
Refs #48
 2015-01-07 19:17:45 -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
746e09f8ae rename media-breakpoint-{min,max} => media-breakpoint-{up,down} 2015-01-06 17:47:13 -08:00
Gleb Mazovetskiy
93f51eb0e9 Automate breakpoints 
Breakpoints and container widths are now defined as maps.
 2014-12-24 22:27:11 +02:00
Gleb Mazovetskiy
c0c16edc41 Update styles for Ruby Sass compat 2014-12-24 22:22:15 +02:00
Mark Otto
5e102e2600 Merge pull request #50 from twbs/disabled-pseudo 
use :disabled pseudo-class instead of [disabled] attribute
 2014-12-22 20:13:09 -08:00
Chris Rebert
4d8559f895 Remove min--moz-device-pixel-ratio 
Bootstrap v4 no longer supports the old versions of Firefox affected by this typo bug.
 2014-12-22 16:32:25 -08:00
Chris Rebert
5b03c9ad63 [disabled] => :disabled 
:disabled is supported in IE9+ and all modern browsers
 2014-12-22 13:34:02 -08:00
Chris Rebert
a8299b5b45 Remove ancillary references to IE<9 in comments+docs 2014-12-16 19:06:57 -08:00
Mark Otto
3737cb1d46 Use grid classes or mixins on .dl-horizontal, update docs to include it, removes auto truncate and makes .text-overflow mixin into a .text-truncate class and mixin combo for better granularity 2014-12-11 14:12:10 -08:00
Gleb Mazovetskiy
76d6b17f4f Merge pull request #6 from twbs/grid-framework-refactor 
Refactor grid_framework
 2014-12-11 15:16:42 +00:00
Chris Rebert
b59abb40f7 remove explicit vendor prefixes from _gradients.scss 2014-12-08 22:00:05 -08:00
Gleb Mazovetskiy
5fefe06c3d Refactor grid-framework followup 
* Split up calc-grid-column, generate selectors in make-grid
* Iterate over $grid-breakpoints and (pull, push, offset)
 2014-12-07 16:22:39 +00:00
Gleb Mazovetskiy
795a584561 Refactor grid_framework 
A more idiomatic refactoring of the grid framework

* Use %-placeholder instead of generating a class name list
* Use if expression
* Remove loop-grid-columns
 2014-12-07 13:44:24 +00:00
Mark Otto
bc3a2f669d fix vars order, remove rando grid class from mixin 2014-12-04 22:32:39 -08:00
Mark Otto
a1a3a007b6 tweak grid docs, add new tier 2014-12-04 21:02:04 -08:00
Mark Otto
27df020852 convert to scss 2014-12-02 14:02:35 -08:00