gijsbotje
cc092272ee
modified the yiq to to an actual function
...
function only returns a value, not the attribute itself
updated every use of the former mixin to use the new function
2017-09-13 17:32:44 +02:00
Andres Galante
8e56145e45
changes active state color
2017-09-11 00:53:40 -03:00
Ben Hayward
6c402a6c7c
Add correct button-variant mixin hover color ( #23657 )
2017-09-04 15:34:10 -07:00
Alex Chegodaev
1da730c67f
added @content directive to media-breakpoint-only mixin for min and max cases
2017-08-20 11:46:55 -07:00
Mark Otto
fd8c052c67
Restore grid offset classes
...
Fixes #23360 by restoring just the offset class generation to our grid
framework mixins. Also restores the `make-col-offset` mixin.
Docs have been restored to illustrate this behavior and merged with the
newer margin utilities examples.
2017-08-20 11:17:48 -07:00
Patrick Yeo
e6042e6f44
Add option to disable carets on dropdowns through $enable-caret
2017-08-14 09:10:17 -07:00
Mark Otto
cd22eb1da0
Button code cleanup ( #22951 )
...
* use a mixin there
* revamp .btn-link to match default and outline variants
* remove unnecessary properties
2017-08-13 14:55:28 -07:00
Mark Otto
bb0cab9f10
move max-width: 100% on .container to the root of the make-container mixin so it's not repeated at compilation ( #22947 )
2017-08-13 14:54:57 -07:00
Mark Otto
bde9c64ca9
Apply the invalid/valid state to the class name
2017-08-12 18:24:49 -07:00
lucascono
08b89972c5
Fix the min breakpoint in media-breakpoint-between
2017-08-08 00:07:42 -07:00
Chirag Modi
b2712048ce
make changes as per suggestion in #23100
2017-07-18 11:48:59 +05:30
Chirag Modi
a52a1fbb13
remove change which set from variable and make those in container class
2017-07-18 11:44:56 +05:30
Mark Otto
f282a88475
update comment
2017-07-01 23:25:28 -07:00
Mark Otto
4b6d2c0b3c
put button active bg and border in the mixin params for more customization options
2017-07-01 23:25:28 -07:00
Mark Otto
180d78c013
Drop .card-{color} modifiers for .bg-{color}, .text-{color}, and .border-{color} utilities
2017-06-30 15:23:36 -07:00
Mark Otto
16781be021
drop the mixins
2017-06-30 11:44:09 -07:00
Mark Otto
deeae4f820
Update _grid-framework.scss
2017-06-30 11:44:09 -07:00
Mark Otto
4982926dcf
Drop offsets and push/pull for new order variants
2017-06-30 11:44:09 -07:00
Mark Otto
d30b5b120e
remove unused mixin, fix variable
2017-06-30 09:01:39 -07:00
Mark Otto
b013b987b0
remove grid gutter sass map as it's output css was all jacked up
2017-06-30 09:01:39 -07:00
Mark Otto
9372eef9e1
rename .card-inverse to .card-dark, update docs to match
2017-06-25 18:30:24 -07:00
Mark Otto
2392047a0c
update alert component to use theme sass map and add a ton of options in the process
2017-06-25 18:22:51 -07:00
Mark Otto
aa83c4f417
update badges to use the theme colors sass map
2017-06-25 18:15:32 -07:00
Mark Otto
1a23321fc0
Update _buttons.scss
2017-06-18 10:53:27 -07:00
Mark Otto
597e9f8618
remove - vars, update docs to generate from data yml files, update mixins, and generate card, button, bg, and color classes from the sass map
2017-06-18 02:57:16 -07:00
Patrick Yeo
845320fe8c
@mixin pagination-size()
doesn't apply line-height
2017-06-18 02:11:33 -07:00
Ken Paulsen
a47f373e82
Fix mixin media-breakpoint-only
...
Prevent mixin media-breakpoint-only from breaking when supplying the
first or last entry in $grid-breakpoints.
2017-06-18 02:08:11 -07:00
Mark Otto
1b722372a8
update comment
2017-06-17 20:25:35 -07:00
Mark Otto
21b874d19d
Merge branch 'v4-dev' into form-tweaks
2017-06-13 20:15:42 -07:00
Patrick Yeo
4cc21bbf74
( #22414 ) Rename for consistency $input-bg-disabled
, $input-bg-focus
, $input-border-color-focus
, $input-box-shadow-focus
, $input-color-focus
, $input-color-placeholder
to $input-disabled-bg
, $input-focus-bg
, $input-focus-border-color
, $input-focus-box-shadow
, $input-focus-color
, $input-placeholder-color
, respectively
2017-06-13 08:45:50 -07:00
Mark Otto
94ed0d901b
move to mixin so we can repeat it easier and allow folks to extend to custom states
2017-06-10 16:30:26 -07:00
Mark Otto
6c214ad4c2
drop the old validation styles and docs
2017-06-06 11:27:29 -07:00
Mark Otto
4a554e5ff5
trying out new validation styles
2017-06-01 08:06:17 -07:00
Mark Otto
f13eb51940
Merge branch 'v4-dev' into form-tweaks
2017-05-31 21:29:23 -07:00
Patrick Yeo
0800c7e1c8
Rename $card-link-hover-color
to $card-inverse-link-hover-color
2017-05-31 20:34:01 -07:00
Mark Otto
48d17bc8b8
keep width, add comment
2017-05-28 21:12:55 -07:00
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