Gijs Boddeus
df6a8f7d81
revert 1db5082
2017-10-04 10:57:02 +02:00
Johann-S
a9e7abd29b
Fix caret position for Dropdown in a bottom navbar
2017-10-04 10:32:32 +02:00
Johann-S
b6988714a1
Fix dropup in navbar
2017-10-04 10:32:32 +02:00
Gijs Boddeus
1db5082c3f
rearrange properties in _borders.scss mixins
2017-10-04 08:52:48 +02:00
Gijs Boddeus
263190305e
Merge branch 'v4-dev' into yiq-function-update
2017-10-04 08:46:03 +02:00
Simon Knox
e731353aac
Use variable for heading margin bottom in reboot
2017-10-03 22:18:48 -07:00
Mark Otto
89970da349
Update input-btn-line-height vars to reassign global sm/lg vars
2017-10-02 21:40:45 -07:00
Mark Otto
4149cb2d17
Update input/button padding to fix cutoff text in Windows Chrome
2017-10-02 21:40:45 -07:00
Trent Clowater
7a7589ffc2
Fix media-breakpoint-between ( #23997 )
...
* Fix media-breakpoint-between
When compiling .scss that uses media-breakpoint between with xs as the lower bound or xl as the upper bound, a compilation error can occur due to $min/$max being set to null, or the resulting .css can be invalid (see issue #23965 ).
(This is basically the same fix that was applied to media-breakpoint-only a short time ago).
* Update _breakpoints.scss
Make houndci-bot recommended changes.
2017-10-02 21:38:59 -07:00
Patrick Yeo
ac69547314
Badges add Sass variable to configure $badge-border-radius
( #24213 )
2017-10-02 21:11:11 -07:00
Lodder
bd858f0ceb
Fix custom-select with "multiple" attribute ( #23055 )
2017-10-02 21:00:57 -07:00
Mark Otto
e626277c73
Merge branch 'dropdown-caret' of https://github.com/pat270/bootstrap into v4-dev
2017-10-02 20:51:14 -07:00
Patrick Yeo
9ee2fbe580
Nav Pills with open dropdown don't reflect the nav-pills active state. The active state should also be reflected when using collapse plugin inside nav-pills.
2017-10-02 20:48:05 -07:00
Mark Otto
864c657488
Fix buttons that come after the input (input should be under the button)
2017-10-02 20:47:15 -07:00
Patrick Yeo
bf01f27554
First child of input group segmented buttons are off by -btn-border-width
2017-10-02 20:47:15 -07:00
Patrick Yeo
728f579286
Form Validation .valid-feedback
and .valid-tooltip
are unstyled ( #23527 )
2017-10-02 20:37:28 -07:00
XhmikosR
7b766e1ad5
Switch to stylelint. ( #23572 )
2017-10-02 20:34:56 -07:00
Andres Galante
b26eabf2a3
adds a border radius to modal headers ( #23799 )
2017-10-02 18:59:50 -07:00
Paweł Kuna
c86833b3d0
add display table-cell
( #24004 )
2017-10-02 18:57:30 -07:00
Andres Galante
906db62ee2
removes border radius from btn-link ( #24128 )
2017-10-02 18:56:50 -07:00
Luke Frake
c2fb64ce37
Add order first to grid ( #24202 )
...
* Add first class to grid framework to add negative ordering
* Add order-first explination to the docs
2017-10-02 18:56:13 -07:00
vsn4ik
b2cadc233e
Remove duplicated code in .card-header
2017-10-02 18:55:05 -07:00
Mark Otto
6cdcfe6b33
Opaque input borders ( #24198 )
2017-10-02 14:19:13 -07:00
Mark Otto
8fb48eaae2
Revert input group border changes ( #24197 )
...
Turns out #22612 is a bad idea and it makes all sorts of weird visual
glitches when working with form controls and transparent borders.
2017-10-02 14:18:33 -07:00
wojtask9
9145cc8279
fix .col-form-label paddings and add line-height ( #23121 )
2017-10-02 10:15:32 -07:00
Andres Galante
2430151865
fixes input group btn height ( #23810 )
2017-10-02 10:13:09 -07:00
Andres Galante
acf76a4513
fixes navbar-text link colors ( #23702 )
2017-10-02 10:11:11 -07:00
Félix Saparelli
67d7e26e05
Generate CSS variables for colors, breakpoints, fonts ( #23761 )
...
* Generate CSS variables
See #23349
Supersedes #23446
* Ignore _root.scss for linting
2017-10-01 21:00:24 -07:00
Chirag Modi
487e5f8b82
remove Dist fils as per suggestion ( #23092 )
2017-10-01 17:59:26 -07:00
Chirag Modi
deced1bf4d
Fix #23013 : Add boder-top:0 in .list-group-flush .list-group-item ( #23108 )
2017-10-01 17:23:31 -07:00
Chirag Modi
3ff2a2781f
fixed issue with hr tag mention in 23032 ( #23078 )
2017-10-01 16:53:16 -07:00
Andres Galante
3624025a3b
extends the click area of the close btn on modals ( #23783 )
2017-10-01 09:42:24 +03:00
Andres Galante
bbb6ab1275
changes reset for mixin list reset on pagination
2017-09-30 23:36:30 -07:00
Andres Galante
f02f545e0e
changes the order of the close btn on alerts to improve accecibility
2017-09-30 23:32:39 -07:00
Ari Rizzitano
136c49a13f
Remove dropdown anchor focus override
...
Overriding the focus outline for links within the dropdown menu
causes accessibility issues for keyboard-only users. This
removes the override, reenabling the browser's default focus
outline.
2017-09-30 14:19:00 -07:00
Mark Otto
27a015ba15
Reset button element border-radius in Reboot ( #24126 )
2017-09-27 17:01:00 +03:00
Martijn Cuppens
1d6a6c2abf
Add quotes to mapping keys ( #23701 )
2017-09-27 11:00:42 +03:00
Benjamin Trenkle
7fa20188f2
Remove border-top if list-group follows card-header ( #23022 )
2017-09-27 10:57:39 +03:00
Prateek Goel
0e054fb9c8
Add style for non-overlapping scrollbar in IE ( #24081 )
2017-09-26 22:44:00 +03:00
Andrew Luca
dfc946b777
Update comment for forms mixins ( #24050 )
...
Check `form-control-focus` mixin, variable name is `$input-focus-border-color`
2017-09-26 18:14:52 +03:00
XhmikosR
c090c79a70
Merge branch 'v4-dev' into btn-active
2017-09-26 17:46:16 +03:00
Andres Galante
71c06b75c6
Fixes rounded corners on first and lat child on vertical btn group ( #24119 )
2017-09-26 16:51:27 +03:00
XhmikosR
31c8721913
Normalize all links. ( #24109 )
...
* use a trailing slash when possible
* use https when possible
* remove a few redirected links
* consistently use `https://popper.js.org/ `
* fix `iconUrl` in nuget files
* change Jekyll Windows guide to the official one
2017-09-26 15:24:14 +03:00
schwastek
17fd2c9f84
Improve theme-color-level() using abs() ( #24074 )
...
`abs()` gets the absolute value of `$level`.
That way, `if/else` statement can be completely eliminated.
2017-09-26 15:05:59 +03:00
SpicyDwarf
272745673e
Fix no rounded corners if there is only one card in a card-group ( #24080 )
2017-09-26 00:11:32 +03:00
XhmikosR
5cec8e0de6
Minor Sass cleanup and consistency changes. ( #23959 )
2017-09-17 08:18:24 +03:00
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
5becfa6fb1
fixes #23926 responsive state on navbar
2017-09-12 21:41:15 -03:00
Martijn Cuppens
0ccb1e8d9a
Fix navbar IE ( #23652 )
2017-09-12 11:32:43 +03:00
Andres Galante
8e56145e45
changes active state color
2017-09-11 00:53:40 -03:00
Andres Galante
aa5e97da04
adds missing important on utility classs
2017-09-09 17:01:15 -07:00
Andres Galante
782ee6f60e
Removes background from form-control-plaintext
2017-09-06 21:02:57 +01:00
Andres Galante
bd8ab1070b
changes floats to flex on breadcrumbs ( #23683 )
2017-09-04 15:36:12 -07:00
Ben Hayward
6c402a6c7c
Add correct button-variant mixin hover color ( #23657 )
2017-09-04 15:34:10 -07:00
Svyatoslav Polishchuk
70ca04bbdc
replaced basic line-heights variable with button's line-heights variable for button size classes
2017-08-22 11:08:22 -07:00
Patrick H. Lauke
6ca451ebf8
Add pointer-events declarations
...
make outer `.modal-dialog` pass through events for custom click
handling, counteract it for the actual `.modal-content`
2017-08-22 10:54:12 -07:00
Patrick Yeo
c1865b4563
Add momentum scrolling on responsive tables for webkit touch devices
2017-08-22 10:47:52 -07:00
Patrick Yeo
f66fa3fa2b
Generate series of .table-responsive-*
classes to accomodate overflowing tables in a variety of screen sizes
2017-08-22 10:47:52 -07:00
Patrick Yeo
f7eb3c98b2
.thead-dark
and .thead-light
border color should display the right border color
2017-08-21 18:20:14 -07:00
Patrick Yeo
3bf3bdf420
Rename .table-inverse
, .thead-inverse
, .thead-default
to .table-dark
, .thead-dark
, .thead-light
respectively
2017-08-21 18:20:14 -07:00
Patrick Yeo
0759427935
( #22414 ) Rename variables $table-inverse-bg
, $table-inverse-accent-bg
, $table-inverse-hover-bg
, $table-inverse-border-color
, $table-inverse-color
to $table-dark-bg
, $table-dark-accent-bg
, $table-dark-hover-bg
, $table-dark-border-color
, $table-dark-color
for consistency
2017-08-21 18:20:14 -07:00
Patrick H. Lauke
6b6f45ad67
Exclude input type=range from touch-action:manipulation
2017-08-21 22:45:11 +01:00
Mark Otto
bd3ca58c08
Rename grayscale function to gray
2017-08-21 13:55:25 -07:00
Mark Otto
22f6ee52f0
remove commented out code, fixes #23530
2017-08-20 14:06:05 -07:00
Mark Otto
26e6d8b2b2
drop the now unused -color variable
2017-08-20 13:36:16 -07:00
Mark Otto
c0434f69f4
Merge branch 'fix/badge-default-colors' of https://github.com/jonwolski/bootstrap into jonwolski-fix/badge-default-colors
2017-08-20 13:35:06 -07:00
Mark Otto
834ee9b433
Simplify selector and only override what we set
...
1. Instead of having two selectors, we use the `.list-group-item` class and have coverage for list items and anchors.
2. Rather than override all border values, we only override what we set with `border-top`.
2017-08-20 12:21:24 -07:00
gijsbotje
bb32e91154
added suggested fix for list-groups with a elements
2017-08-20 12:21:24 -07:00
gijsbotje
2ba0127c91
fixes double border when .list-group.list-group-flush is preceded by .card-header
2017-08-20 12:21:24 -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
c4b3d81887
Drop the variables file table of contents and update the comment at the top
...
I never use this dang list and it just falls out of date far too easily. Dropping for my own sanity.
2017-08-20 11:42:19 -07:00
gijsbotje
6fc9dde727
equalize height of the first card of the card-group
2017-08-20 11:41:16 -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
Jon Wolski
f07d870381
Remove color
property from badge
class
...
I suggest removing `color: #FFF` from the `badge` class, because it is
provided by the `badge-<modifier>` classes along with a
background-color, whereas there is no corresponding background-color
provided on the `badge` class itself.
Background
----------
According to the documentation:
> [badge] Requires one of the contextual, color modifier classes for `color` and
> `background-color`.
That is, color and background color should be provided by a modifier
class, rather than the badge class itself.
e.g. `<span class='badge badge-primary'>4</span>`
In general, providing a `color` property without also providing a
`background-color` should be avoided. [W3 QA tips]
In this context, this is a problem only if someone creates a `badge`
without providing a modifier. Such an omition may be difficult to trouble-shoot,
because this will most likely yield white text on a white background.
[W3 QA tips](https://www.w3.org/QA/Tips/color )
2017-08-18 09:35:00 -05:00
Mark Otto
5b8738afc1
Fix .btn-outline-light hover color
...
Uses some if/else action to ensure there's readable text on hover. Swapped out a hex value to a variable while I was in there.
Fixes #23398 , fixes #23351 .
2017-08-14 21:07:35 -07:00
Mark Otto
a80198db4d
De-dupe width on .fluid-container ( #23402 )
...
Fixes #23397
2017-08-14 18:11:44 -07:00
Andres Galante
77777b388d
Adds a default flag to paragraph-margin-bottom ( #23420 )
2017-08-14 18:09:44 -07:00
Jacob Müller
63909cacb1
Remove remaining v4 alpha references ( #23414 )
...
* Remove remaining references to v4 Alpha
This commit removes the remaining refrences to the v4 Alpha website and replaces them with the
corresponding v4 Beta ones.
**Note:** We have to hard code the current docs version at some places. Wouldn't it be good to have a `/docs/latest/` redirect to solve this "issue" in the future?
* Don't update the domain in the CNAME file
2017-08-14 18:08:31 -07:00
Jurre
d3f09ff3ea
Removed comment ( #23415 )
...
There is no _custom.scss file anymore.
2017-08-14 18:07:44 -07:00
Andres Galante
1cfbc2c62d
changes 1px to border-width variable on cards
2017-08-14 14:02:16 -07:00
Patrick Yeo
e6042e6f44
Add option to disable carets on dropdowns through $enable-caret
2017-08-14 09:10:17 -07:00
Tomáš Kout
453a5fa033
Move the gap between inline checkboxes to right ( #22607 )
2017-08-13 14:58:47 -07:00
Mark Otto
0bc39aa30a
Use empty Sass map and merge into it for easier customization of color maps ( #23260 )
2017-08-13 14:56:30 -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
54d76805a5
Redo .card-deck and .card-group so they're always flex ( #22860 )
2017-08-13 14:53:24 -07:00
Mark Otto
bde9c64ca9
Apply the invalid/valid state to the class name
2017-08-12 18:24:49 -07:00
Patrick Yeo
80cf395e4d
Remove vertical-align: middle
from .input-group-addon
and .input-group-btn
left over from V3
2017-08-12 18:22:48 -07:00
Patrick Yeo
02ae73fc0f
Apply align-items: center;
to .input-group
instead of input group sub components, causes .input-group .form-control
and .input-group-addon
to be large when next to a tall element
2017-08-12 18:22:48 -07:00
razh
9d988de054
Remove extra spaces from spacing utilities ( #23337 )
2017-08-12 09:11:41 +03:00
Patrick Yeo
34257d25a5
Pagination border-widths greater than 1px cause uneven borders between items
2017-08-10 23:24:37 -07:00
Patrick Yeo
a0521efbb5
Input Group Addon add option to configure $input-group-addon-color
2017-08-10 23:11:18 -07:00
Prateek Goel
7b66aeb2f6
Fix to Chrome inheritance bug ( #22872 ) ( #23118 )
...
* Fix to Chrome inheritance bug (#22872 )
* Remove box-sizing from html
box-sizing removed from html and order of wild card selected and html selector swapped to maintain correctness of comments.
2017-08-10 23:05:32 -07:00
Patrick Yeo
ffa789327b
Custom File padding-x and padding-y values are reversed ( #23067 )
...
Custom File `$custom-file-focus-box-shadow` should show even if box shadows are disabled
Custom File variables should inherit from inputs
2017-08-10 23:01:52 -07:00
Prateek Goel
7c452ac607
Add margin variable for paragraphs ( #23140 )
2017-08-10 23:00:01 -07:00
Prateek Goel
9497c2164c
Add margin variable for breadcrumb ( #23138 )
...
* add margin variable for breadcrumb
* add margin variable for breadcrumb correction
* breadcrumb margin variable changes after review
2017-08-10 22:59:21 -07:00
Patrick Yeo
c5903ddfd6
$input-height-inner-lg
should use $font-size-lg
instead of $font-size-sm
(#23150 )
2017-08-10 22:58:40 -07:00
Morgan Stone
b76357d57d
Reduce number of spacing rules ( #23208 )
...
* reduce # of spacing rules by combining x & y with t r b l
* Remove unnecessary spaces
2017-08-10 22:58:12 -07:00
Pascal Pixel
4634b39a1b
Emoji Defaults ( #22565 )
2017-08-10 22:51:42 -07:00
Dave Poole
120a14237e
remove unnecessary line-height
2017-08-10 22:50:59 -07:00
Dave Poole
36a21f355c
remove comments, align-items, and unnecessary height
2017-08-10 22:50:59 -07:00
Dave
1ab4f57af4
Fixes PropertySortOrder errors
2017-08-10 22:50:59 -07:00
Dave
ad84eeb6e9
Fixes hound code style/standards
2017-08-10 22:50:59 -07:00
Dave
c2c06bc581
_progress.scss: makes bars 100% height, centers labels horizontally & vertically
2017-08-10 22:50:59 -07:00
envolute
eeb1ccab9b
Change border class
...
The class ".border" (css/utilities/_borders.scss) is set the border-color to "$gray-200".
So I see that it would be nice to create a variable for the border color "$border-color". Because the default border should not always be "gray-200".
Another thing, there is a "$border-width" variable. Would not it be better to use this variable to set the default width of the border?
2017-08-10 22:48:26 -07:00
envolute
0c3ed5d3f0
Add "$border-color" variable
2017-08-10 22:48:26 -07:00
Mark Otto
79fcb527bf
Add SF Mono to the monospace font stack
2017-08-10 22:47:54 -07:00
Patrick Yeo
056e5594ef
Only add CSS transitions on Buttons for background-color, border-color, and box-shadow
2017-08-10 22:47:18 -07:00
Mark Otto
365c9753f8
Ensure alignment of modal dismiss when no .modal-title is present
2017-08-10 22:45:48 -07:00
Mark Otto
09019a8ecd
Set explicit text-align on <body> element so we can use inherit to override the default <th> text-align value
2017-08-10 22:43:50 -07:00
Nathan Woltman
f95282c27e
Fix border on input group elements and custom form inputs
...
c3e4cbd
changed the border of input elements to be translucent. This commit makes
input group elements and custom form inputs follow the same pattern.
2017-08-10 22:41:21 -07:00
Mark Otto
1846ab34f6
300, not light
2017-08-10 22:40:02 -07:00
Mark Otto
1e38b45980
Add $font-weight-light var
2017-08-10 22:40:02 -07:00
Mark Otto
ed4f5778a9
Add .font-weight-light class, add !important to the classes
2017-08-10 22:40:02 -07:00
Mark Otto
006590ed9a
Remove broken CSS that tried to reset the absolute positioning when there was no text
2017-08-10 22:36:35 -07:00
Mark Otto
3fbdedbf22
Add basic property-value utils for position
2017-08-10 22:35:38 -07:00
Mark Otto
35f80bb12e
bump to beta
2017-08-10 20:56:35 -07:00
lucascono
08b89972c5
Fix the min breakpoint in media-breakpoint-between
2017-08-08 00:07:42 -07:00
Mark Otto
2cd2301e7a
Add .bg-white and .border-white
2017-08-07 22:06:53 -07:00
Patrick Yeo
cd3507aba6
Dropup dropdown-menu should have margin on the bottom instead of top
2017-08-04 15:17:50 -07:00
Patrick Yeo
0501b029f5
( #22414 ) Rename for consistency $dropdown-margin-top
to $dropdown-spacer
2017-08-04 15:17:50 -07:00
Mark Otto
73040d4311
fix navbar alignment for never expand situations
2017-08-04 15:15:25 -07:00
Mark Otto
987ac632b5
given width: 100%
is always on a container now and it's constrained by max-width, we can remove our navbar changes from #21722 and #22383
2017-08-04 15:14:24 -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
Chirag Modi
f05bd63d8e
fixed issue #23100
2017-07-17 13:29:49 +05:30
Patrick Yeo
696b2bee11
( #22414 ) Rename for consistency $custom-checkbox-border-radius
, $custom-checkbox-icon-checked
, $custom-checkbox-indeterminate-bg
, $custom-checkbox-icon-indeterminate
, $custom-checkbox-indeterminate-box-shadow
, $custom-radio-border-radius
, $custom-radio-icon-checked
to $custom-checkbox-indicator-border-radius
, $custom-checkbox-indicator-icon-checked
, $custom-checkbox-indicator-indeterminate-bg
, $custom-checkbox-indicator-icon-indeterminate
, $custom-checkbox-indicator-indeterminate-box-shadow
, $custom-radio-indicator-border-radius
, $custom-radio-indicator-icon-checked
, respectively
2017-07-16 12:36:26 -07:00
Patrick H. Lauke
7a781b2ae0
Remove ::first-letter and ::first-line selectors from print styles
...
Bootstrap itself doesn't use any `::first-letter` or `::first-line`
styles. These selectors also cause(d) problems in IE11 (see
https://github.com/h5bp/html5-boilerplate/pull/1799 ) and currently cause
a nasty rendering bug in Chrome where the first letter is vertically
shifted (see https://github.com/twbs/bootstrap/issues/21771 )
As h5bp has now removed these as well, no need to keep and comment them
out. See https://github.com/h5bp/html5-boilerplate/issues/1961 /
https://github.com/h5bp/html5-boilerplate/pull/1962
2017-07-11 19:51:21 +01:00
Patrick H. Lauke
edae6a2e1d
Remove box-shadow from .btn-link:focus ( #22998 )
...
When focused, these buttons styled as links still give good visible focus indication through the underline, so this should not be a concern. Closes #22655
2017-07-05 10:54:26 +02:00
Mark Otto
de78b71bab
fixes #22981
2017-07-03 19:04:31 -07:00
Mark Otto
3b08beb37a
follow up to 4e067f722
2017-07-01 23:40:51 -07:00
Mark Otto
7bce8648ed
Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev
2017-07-01 23:36:11 -07:00
Mark Otto
4e067f7229
remove unused $list-group-color variable; it should naturally inherit from the body
2017-07-01 23:35:57 -07:00
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
e7ae1d9069
match btn transition to input
2017-07-01 23:10:01 -07:00
Mark Otto
7085988f06
doh, we already have that above
2017-07-01 23:05:51 -07:00
Mark Otto
6f073edc79
Add .text-truncate class. We already had a mixin and documented the class, so this fixes that.
2017-07-01 23:05:51 -07:00
Mark Otto
4b84614e7f
Redo the "responsive helpers" files
...
- Moves the embed SCSS to the utilities subfolder
- Separate the floats from the embed docs
- Rename embed docs from responsive helpers to embeds
2017-07-01 23:05:51 -07:00
Mark Otto
11e18af1b6
remove some unused vars, restore table-active variant
2017-07-01 22:57:19 -07:00
Mark Otto
3e2318cf7c
badge variants are generated from -colors Sass map
2017-07-01 22:57:19 -07:00
Mark Otto
848a746a89
button variants are generated from -colors Sass map
2017-07-01 22:57:19 -07:00
Mark Otto
97a5bc4870
no xs sizes being used
2017-07-01 22:57:19 -07:00
Mark Otto
3603088454
Restore .text-muted
2017-07-01 19:01:58 -07:00
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
88b9e558fb
clip to border-box, update overlay
2017-06-30 15:28:50 -07:00
Mark Otto
9a2b202e8e
add a bg-transparent to override bgs
2017-06-30 15:23:36 -07:00
Mark Otto
2feebccf24
make card headers and footers translucent
2017-06-30 15:23:36 -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
45722e94ac
Drop .blockquote-reverse, replace with text utils, and redesign blockquote to not have a border
2017-06-30 15:04:56 -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
ac00c73ab5
update comment
2017-06-29 23:17:18 -07:00
Mark Otto
964e06800a
Drop the old $gray- variables for the new color range
2017-06-29 23:15:27 -07:00
Mark Otto
a21a9f341b
add map function for grays
2017-06-29 23:06:46 -07:00
Mark Otto
6fbceb2f70
remove $state-vars now
2017-06-28 09:38:27 -07:00
Mark Otto
0f232de9d7
move table variants to use sass map
2017-06-28 09:36:27 -07:00
Mark Otto
3e0375e03b
move list group variants to be generated from sass map
2017-06-28 09:29:59 -07:00
Mark Otto
91b587ad6a
remove now unused alert variant variables
2017-06-28 09:23:10 -07:00
Mark Otto
41f4ddbdb5
Merge branch 'v4-dev' into colors-redux
2017-06-26 15:17:48 -07:00
Mark Otto
0622a59897
fixes #22908
2017-06-26 07:59:20 -07:00
Mark Otto
9bfbee3503
add border color utilities
2017-06-25 18:39:14 -07:00
Mark Otto
6c595d2cc1
add theme-color-level function and interval so we can generate shades of colors
2017-06-25 18:31:03 -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
36e482ed27
update navbars to rename .navbar-inverse to .navbar-dark, update all navbar examples and variables
2017-06-25 18:29:43 -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
fc053ed096
update background utils
2017-06-25 18:16:37 -07:00
Mark Otto
aa83c4f417
update badges to use the theme colors sass map
2017-06-25 18:15:32 -07:00
Mark Otto
370e299c6b
modify contrast value
2017-06-25 18:11:16 -07:00
Mark Otto
b973fe6b94
update theme colors
2017-06-25 18:08:43 -07:00
Mark Otto
222eddda5e
Merge branch 'v4-dev' into colors-redux
2017-06-18 18:32:42 -07:00
obinnangini
532493e6ec
Updated flex-basis property to fix issue #18569 in .scss files
2017-06-18 18:17:48 -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
Mark Otto
74f1d002b4
Merge branch 'v4-dev' into colors-redux
2017-06-18 02:19:34 -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
d2508ec506
Update _borders.scss
2017-06-17 23:20:56 -07:00
Mark Otto
da2629907e
move from mixins and add important flag
2017-06-17 23:20:56 -07:00
Mark Otto
5476e636ce
limit active styles for nav-pills to immediate children
2017-06-17 22:40:07 -07:00
Mark Otto
1b722372a8
update comment
2017-06-17 20:25:35 -07:00
Mark Otto
60d8c8754f
wrap .sticky-top in supports query
2017-06-17 13:13:47 -07:00
Catalin Zalog
f640ec9662
Some .navbar .dropdown-menu optimisation ( #22776 )
2017-06-17 13:12:39 -07:00
Johann-S
af93db294b
Reset Popper.js styles for Dropdowns in navbar
2017-06-17 13:12:39 -07:00
Patrick Yeo
9f0929013e
( #22414 ) Rename for consistency $list-group-link-*-*
to $list-group-action-*-*
2017-06-16 18:58:21 -07:00
Mark Otto
2ad2d71f66
add new color vars and maps
2017-06-15 11:16:27 -07:00
Mark Otto
c31d524998
add color contrast and map-get functions
2017-06-15 11:15:48 -07:00
Mark Otto
9c0e423008
Rename popover classes
...
Part of an update to align the naming schemes across our components.
- Renames .popover-title to .popover-header
- Renames .popover-content to .popover-body
Refs: #22092
2017-06-15 09:05:30 -07:00
Mark Otto
6c8c0aa4cf
Rename .card-block to .card-body to match nomenclature of modals
2017-06-15 09:05:16 -07:00
Mark Otto
e62b121226
Merge branch 'v4-dev' into rip-custom
2017-06-14 20:59:02 -07:00
Mark Otto
ac96ecbec5
rearrange, add comments
2017-06-14 20:55:00 -07:00
Mark Otto
5da5a38f0d
Move scss functions from top of variables to separate file, then import it into other build files
2017-06-14 20:55:00 -07:00
Mark Otto
5818374fdf
Merge branch 'v4-dev' into rip-custom
2017-06-14 20:45:31 -07:00
Patrick H. Lauke
ff5c75510d
Rename .form-control-static to .form-control-readonly-plain
2017-06-14 19:51:50 -07:00
Mark Otto
aa8c456a16
Remove the confusing _custom.scss file
2017-06-13 22:45:16 -07:00
Mark Otto
7e5085b407
move from .gutters-sm to .form-row to be super explicit about intended use case
2017-06-13 22:11:29 -07:00
Mark Otto
21b874d19d
Merge branch 'v4-dev' into form-tweaks
2017-06-13 20:15:42 -07:00
Patrick Yeo
d7867377d9
( Fixes #22414 ) Rename for consistency $custom-checkbox-radius
, $custom-checkbox-checked-icon
, $custom-checkbox-indeterminate-indicator-color
, $custom-checkbox-indeterminate-icon
, $custom-radio-radius
, $custom-radio-checked-icon
, $custom-select-sm-font-size
, to $custom-checkbox-border-radius
, $custom-checkbox-icon-checked
, $custom-checkbox-indicator-indeterminate-color
, $custom-checkbox-icon-indeterminate
, $custom-radio-border-radius
, $custom-radio-icon-checked
, $custom-select-font-size-sm
respectively
2017-06-13 19:22:49 -07:00
Patrick Yeo
a362d62d31
Rename $font-size-h*
to $h*-font-size
for consistency ( #22414 )
2017-06-13 08:46:29 -07:00
Patrick Yeo
c349f59174
Rename for consistency $table-sm-cell-padding
, $table-bg-accent
, $table-bg-hover
, $table-bg-active
, $table-inverse-bg-accent
, $table-inverse-bg-hover
to $table-cell-padding-sm
, $table-accent-bg
, $table-hover-bg
, $table-active-bg
, $table-inverse-accent-bg
, $table-inverse-hover-bg
, respectively ( #22414 )
2017-06-13 08:46:15 -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
Patrick Yeo
2317b7fc96
( #22414 ) Rename for consistency $custom-control-disabled-indicator-bg
, $custom-control-disabled-description-color
, $custom-control-checked-indicator-color
, $custom-control-checked-indicator-bg
, $custom-control-checked-indicator-box-shadow
, $custom-control-focus-indicator-box-shadow
, $custom-control-active-indicator-color
, $custom-control-active-indicator-bg
, $custom-control-active-indicator-box-shadow
to $custom-control-indicator-disabled-bg
, $custom-control-description-disabled-color
, $custom-control-indicator-checked-color
, $custom-control-indicator-checked-bg
, $custom-control-indicator-checked-box-shadow
, $custom-control-indicator-focus-box-shadow
, $custom-control-indicator-active-color
, $custom-control-indicator-active-bg
, $custom-control-indicator-active-box-shadow
, respectively
2017-06-13 08:45:36 -07:00
Patrick Yeo
3ecb8b661b
( #22414 ) Renamed for consistency $nav-disabled-link-color
, $nav-tabs-active-link-color
, $nav-tabs-active-link-bg
, $nav-tabs-active-link-border-color
, $nav-pills-active-link-color
, $nav-pills-active-link-bg
to $nav-link-disabled-color
, $nav-tabs-link-active-color
, $nav-tabs-link-active-bg
, $nav-tabs-link-active-border-color
, $nav-pills-link-active-color
, $nav-pills-link-active-bg
, respectively
2017-06-13 08:45:21 -07:00
Patrick Yeo
5e651615a3
( #22414 ) Renamed for consistency $modal-dialog-sm-up-margin-y
, $modal-content-xs-box-shadow
, $modal-content-sm-up-box-shadow
, to $modal-dialog-margin-y-sm-up
, $modal-content-box-shadow-xs
, $modal-content-box-shadow-sm-up
, respectively
2017-06-13 08:45:11 -07:00
Mark Otto
441f114681
Update _variables.scss
2017-06-13 08:44:55 -07:00
Mark Otto
c5d4430367
Mention variable naming scheme to help with #22414
2017-06-13 08:44:55 -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
d6b0334a4e
remove icons for now
2017-06-06 22:45:37 -07:00
Mark Otto
58b7239c6c
add valid state
2017-06-06 21:53:23 -07:00
Mark Otto
6c214ad4c2
drop the old validation styles and docs
2017-06-06 11:27:29 -07:00
Mark Otto
d2c9f3f00a
flesh out invalid styles on .was-validated
2017-06-05 23:00:14 -07:00
Patrick Yeo
891bca435f
Fix overflowing text in Cards with word-wrap: break-word
2017-06-03 22:19:19 -07:00
Patrick Yeo
ec56bbe6bf
Rename $card-border-radius-inner
to $card-inner-border-radius
2017-06-03 22:17:57 -07:00
Tom Van Rompaey
3a00b005c1
fix small typo inside _button-group.scss ( #22746 )
...
fron -> front
2017-06-03 09:53:50 +02: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
Mark Otto
332d882cdb
Merge branch 'v4-dev' into v4-docs-streamlined
2017-05-31 20:46:29 -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
f1a7f1f56a
Merge branch 'v4-docs-streamlined' of https://github.com/twbs/bootstrap into v4-docs-streamlined
2017-05-31 09:09:55 -07:00
Mark Otto
2fd192968d
Merge branch 'v4-dev' into v4-docs-streamlined
2017-05-30 23:31:40 -07:00
Mark Otto
960e73c16f
tweak dropdown caret size and placement
2017-05-30 13:59:24 -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
7c9efe786a
move .scss-lint.yml to route dir instead of symlink (which didn't work)
2017-05-27 17:54:23 -07:00
Mark Otto
04724939a3
Merge branch 'v4-dev' into form-tweaks
2017-05-26 21:22:08 -07:00
Patrick Yeo
f2829dd6ea
Rename $navbar-*-toggler-bg
to $navbar-*-toggler-icon-bg
since it's placed on .navbar-toggler-icon ( #22564 )
2017-05-26 20:55:07 -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
a11ae7facf
add a compact gutter option, .gutters-sm
2017-05-26 20:15:05 -07:00
Mark Otto
2a833d559a
Add box-shadow to .progress-bar ( #22579 )
...
* Add box-shadow to .progress-bar
Puts an unused variable back in use for when folks set `$enable-shadows` to `true`.
2017-05-25 21:32:59 -07:00
Johann-S
4c3b6c5ceb
Placement auto for popovers
2017-05-24 14:57:40 +02:00
Johann-S
2c72af88ee
Placement auto for tooltips
2017-05-24 14:57:40 +02:00
Johann-S
aa36439e17
Use Popper.js to manage arrow position
2017-05-23 15:19:54 +02:00
Catalin Zalog
3706c88348
Fix (css): force .navbar .dropdown-menu positioning
2017-05-22 16:20:58 +02:00
Johann-S
b36d8ae6cb
Use popper to align dropdown menu instead of using css with important
2017-05-17 22:03:11 +02:00
Johann-S
ba2352c14e
Force dropdown to be displayed in position static for navbar, to override Popper css
2017-05-16 14:48:12 +02:00
Johann-S
2b403819b7
Fix tooltip margin to be stick at their caller
2017-05-14 11:41:19 +02:00
Johann-S
dc35a840dc
Fix dropdown-menu-right and dropdown-menu-left for Dropdown
2017-05-14 11:41:19 +02:00
Johann-S
fc8b85b626
Fix some css for the arrow of Popover/Tooltip + update documentation
2017-05-14 11:41:19 +02:00
Johann-S
53ee455bc7
Handle dropup for Dropdown
2017-05-14 11:41:19 +02:00
Johann-S
69de65180f
Fix unit tests + Update Popper to 1.6.0
2017-05-14 11:41:19 +02:00
Johann-S
54a8ab4011
Begin to use Popper for Dropdown
2017-05-14 11:41:19 +02:00
Johann-S
d8996a7e0a
Fix arrow for tooltip and popover
2017-05-14 11:41:19 +02:00
Mark Otto
ee1af53d9f
Merge branch 'v4-dev' into form-tweaks
2017-05-07 17:44:57 -07:00
Sebastiaan Nijland
6c5346e300
Removed several unused scss variables ( #22539 )
2017-05-07 17:41:14 -07:00
Patrick H. Lauke
7338da0cdb
Add shim for "new" HTML5 structural elements ( #22573 )
...
For IE10 (and any older browsers) support , so at least the layout doesn't fall apart if author is using them.
2017-05-05 09:53:45 +01:00
Mark Otto
ca44f5b03a
Redo the small custom select vars
...
— Sizing shorthand comes last
— Add height var and put it to use
2017-04-22 11:56:27 -07:00
Mark Otto
dc3af6711d
Change how input and select height is computed
...
— Previously we weren't including the border-width on the computed height, leading to alignment issues.
— New system utilizes three variables (not ideal, but straightforward) for computing these heights. One for the vertical border, one for the line-height/font-size/padding dance, and one to add those together.
— Updates CSS across forms and custom forms to use new sizing. Special note here: form validation icon sizing uses the inner variables because background-image doesn't bleed into borders unless explicit background-clip.
2017-04-22 11:56:01 -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
2075610491
Prevent long words in .card-title
s from breaking auto layout
2017-04-16 14:02:12 -07:00
Patrick H. Lauke
6d64afe508
Replace dropdown backdrop hack with cleaner JS-only hack
...
* Replace backdrop with simple noop mouse listener
As discussed in https://github.com/twbs/bootstrap/pull/22422 the current
approach of injecting a backdrop (to work around iOS' broken event
delegation for the `click` event) has annoying consequences on
touch-enabled laptop/desktop devices.
Instead of a backdrop `<div>`, here we simply add extra empty/noop
mouse listeners to the immediate children of `<body>` (and remove
them when the dropdown is closed) in order to force iOS to properly
bubble a `click` resulting from a tap (essentially, method 2 from
https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html )
This is sufficient (except in rare cases where the user does manage to tap
on the body itself, rather than any child elements of body - which is not
very likely in an iOS phone/tablet scenario for most layouts) to get iOS to
get a grip and do the correct event bubbling/delegation, meaning the regular
"click" event will bubble back to the `<body>` when tapping outside of the dropdown,
and the dropdown will close properly (just like it already does, even without
this fix, in non-iOS touchscreen devices/browsers, like Chrome/Android and
Windows on a touch laptop).
This approach, though a bit hacky, has no impact on the DOM structure, and
has no unforeseen side effects on touch-enabled laptops/desktops. And crucially,
it works just fine in iOS.
* Remove dropdown backdrop styles
* Update doc for dropdowns and touch-enabled devices
2017-04-14 09:19:00 +01:00
Idan Cohen
8c97532719
Fix popover arrow color for bottom position
2017-04-13 10:52:41 +02:00
Patrick H. Lauke
7056f70240
Remove cursor: not-allowed
styles
2017-04-10 22:10:20 +01:00
Mark Otto
0cb2576bf2
fixes #21922 : set border-radius to 0 when global radius is disabled
2017-04-08 21:58:26 -07:00
Mark Otto
7f075bfb23
fixes #22135
2017-04-08 21:26:25 -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
e1c3f79e98
tighten up horizontal input and button padding
2017-04-08 21:25:02 -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
2dfffbde89
Rename some .open to .show ( #22389 )
...
* no more outline overrides
* rename old .open to .show
2017-04-08 16:30:18 -07:00
Mark Otto
0c59741812
property order
2017-04-08 16:29:21 -07:00
Mark Otto
90c18ebd19
Switch to ease function to remove trailing animation movement
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
feb35b94a6
Revert "Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376 )"
...
This reverts commit 2f21403a93
.
2017-04-08 15:15:14 -07:00
Mark Otto
fba27befef
Add transition to .progress-bar
...
- Pulls in values from v3
- Closes #22371 which didn't use a transition include
2017-04-08 14:40:35 -07:00
Mark Otto
050aab338b
Add dropdown-item-padding-y var
...
- Closes #21622 which kept the 3px
- Puts variable in proper order for shorthand (y x)
2017-04-08 14:40:11 -07:00
Mark Otto
2f21403a93
Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376 )
2017-04-08 14:23:47 -07:00
Jesper Strange Klitgaard Christiansen
11c2c07e26
Remove margin-left on caret if empty ( #22095 )
2017-04-08 14:23:07 -07:00
Mark Otto
cf2de1fd05
Drop .jumbotron-hr
...
- Closes #21760
- No longer needed since we have an rgba() value for this element, so it naturally darkens
2017-04-08 14:21:18 -07:00
Mark Otto
9a475730dc
Docs and CSS updates for #21807 ( #22336 )
...
* tweak some copy
* fix up scrollspy docs
* remove nav styles that were added
* fix nav-based docs by requiring .nav-item on .nav-link
2017-04-08 13:58:20 -07:00
Catalin Zalog
f7881336e5
css: just some ordering
...
Order y & x axis by top, right, bottom, left logic
2017-04-08 13:10:25 -07:00
Catalin Zalog
758503e9ae
css: .navbar child's aligning
...
Vertical centering `.navbar` flex children's
Demo: http://jsbin.com/fibini
2017-04-08 12:38:37 -07:00
Catalin Zalog
8423e5c3e6
css: .navbar-expand .dropdown position
...
Set/reset `.dropdown` position when `.navbar-expand`.
Demo: http://jsbin.com/pojecuh
2017-04-08 12:36:28 -07:00
Mark Otto
2436ad589c
drop flex and max-width, just use width
2017-04-07 14:22:49 -07:00
Mark Otto
c6168b64ed
Remove system-ui from font stack due to i18n issues
2017-04-07 14:22:18 -07:00
Catalin Zalog
094b3a1293
css: .container-fluid 100%
...
Force .container-fluid to be 100% width no matter if the parent is flex, or not.
Pen: http://codepen.io/zalog/pen/yMwyGr
2017-04-03 08:59:33 -07:00
Pierre Vanduynslager
91b62941af
Tabs/Scrollspy/.nav/.list-group/.active independent of markup (<nav>, .nav-item, <li> etc...)
2017-04-02 11:21:04 +02:00
Praveen Puglia
cb4bc89fdf
ability to change text color in popovers ( #22221 )
2017-03-28 15:21:47 -07:00
Mark Otto
296c99020c
Revamp button and input vars while fixing #21587 ( #22287 )
2017-03-28 09:28:27 -07:00
Mark Otto
bebdbe4119
Fix wrapping card decks ( #22289 )
...
fixes #22007 and fixes #21976 by changing margin strategy for card deck gutters
2017-03-27 22:53:39 -07:00
Mark Otto
fe3acc097a
Card image fixes ( #22288 )
...
* fix image stretching due to flexbox
* fix broke text-muted on dark bg
* no img-fluid needed
2017-03-27 22:52:24 -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
Catalin Zalog
e20d744bdf
.navbar-toggler color
...
Change the .navbar-toggler to default contextual .navbar-*-color.
<iframe height='265' scrolling='no' title='Bootstrap - .navbar-toggler color' src='//codepen.io/zalog/embed/MJLZOE/?height=265&theme-id=light&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='http://codepen.io/zalog/pen/MJLZOE/ '>Bootstrap - .navbar-toggler color</a> by Catalin Zalog (<a href='http://codepen.io/zalog '>@zalog</a>) on <a href='http://codepen.io '>CodePen</a>.
</iframe>
2017-03-26 10:43:57 -07:00
Mark Otto
90c5f6230b
rename from .navbar-toggleable to .navbar-expand to reflect mobile first approach everywhere else
2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
17cb5bb674
Allow to customize navbar-brand font-size
2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
a03aaf39df
Harmonize navbar-brand, navbar-text and nav-link height
2017-03-23 23:02:28 -07:00
Mark Otto
09ba3de619
revamp the collapse behavior
...
instead of flex column, use wrap and an explicit flexbox break with flex-basis 100% on the navbar-collapse.
add some additional container styles for enabling flex behavior when content isn't immediate child of .navbar
2017-03-23 23:02:28 -07:00
Mark Otto
0eb9862514
account for fluid containers
2017-03-23 23:02:28 -07:00
Mark Otto
1e424bfcf6
ditch abs positioned togglers for explicit justify-content: space-between on parent
2017-03-23 23:02:28 -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
Mark Otto
40ac03384d
linting from before
2017-03-19 18:39:48 -07:00
Mark Otto
d093460252
fixes rest of #21585 ; adds custom styles for inverse table accent hover and active states
2017-03-19 18:39:48 -07:00
Mark Otto
13a874e340
reorder
2017-03-19 18:39:48 -07:00
Mark Otto
78cad48c70
consistent breaks
2017-03-19 18:39:48 -07:00
Mark Otto
4c015bf378
Do what the comment says; add this only to devices under 768px
2017-03-19 18:39:48 -07:00
Mark Otto
08d612f3e4
correct inverse table border color, add new var
2017-03-19 18:39:48 -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
Mark Otto
caebfcd246
Fix justified nav styles and update nav docs for fill/justify
...
- Justified and fill nav variants need .nav-item classes on the anchors in addition to .nav-link
- Fix broken styles for the .nav-justified class which wasn't actually doing what we needed it to
2017-03-19 15:47:34 -07:00
Mark Otto
e1c561a723
Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev
2017-03-18 16:30:24 -07:00
Mark Otto
ec8c251928
fixes #21584
...
- revert back to display block for list items to prevent unwanted behaviors
- fixes a handful of other linked issues (see main thread)
- updates docs to include more utilities for the one example
2017-03-18 16:30:12 -07:00
Theriault
6f42daf747
Add :empty to .custom-file-control selector ( #22176 )
...
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control"></span></label>
VS
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control">test.txt</span></label>
2017-03-18 13:23:10 -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
08984ac8cd
Remove the outline override from dropdown toggles
...
fixes #17573
2017-03-12 18:26:53 -07:00
Dominic Watson
b3aa5ec360
Use btn-$variant-color variables for outlined btns ( #22164 )
...
Despite now having the ability to override outline-variant color, it's not actually being used so each are still #fff
Related: https://github.com/twbs/bootstrap/pull/20734
2017-03-12 18:25:56 -07:00
Starsam80
95f37e4c40
Clean up spacers a bit more
2017-03-05 16:05:12 -06: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
Catalin Zalog
70a57902ce
Change sticky order ( #22027 )
...
Based on this pen: http://codepen.io/zalog/pen/jyoyoR
2017-03-03 13:02:17 -08:00
Rutger Laurman
0a997795b4
Fix border width calculation for custom-select ( #22068 )
...
In addition to #22011 and #21994
2017-03-03 11:19:02 -08:00
Sean Beyer
e02597519a
Remove 'hover' from nav-tabs-active-link-hover-color et al ( #22087 )
...
* Remove 'hover' from variable names
* Fix indentation in variables
2017-03-03 11:15:41 -08:00
Bardi Harborow
9bacc6715a
Remove vendor prefixes from appearance: none.
2017-02-21 17:38:11 +11: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
Mark Otto
6b9265fc2d
Add utilities/flex
to the dedicated grid Sass bundle so folks can take advantage of the utilities for basic flex alignment
2017-02-04 15:57:21 -08:00
Mark Otto
09c7b1c582
Fixes #21908
2017-02-04 15:55:37 -08:00
Juan Carlos González Cabrero
a8b00ddc12
Reduce the width to prevent the modal fills the screen width
2017-01-28 18:26:55 +01:00
Juan Carlos González Cabrero
95dffb3279
Add new extra large size for modal containers
2017-01-28 18:26:55 +01:00
Mark Otto
6aad73ac6d
Remove random cursor: default from pill nav ( #21835 )
...
Fixes #21560 . Pretty sure this wasn't intentional, so should be fine to remove.
2017-01-24 21:06:22 -08:00
Mark Otto
9d7d84e0b9
Allow button toolbars to wrap ( #21826 )
...
Fixes #21699
2017-01-24 20:43:33 -08:00
Sergey Kovalenko
bf7387aa42
Add align self to navbar brand ( #21626 )
2017-01-24 00:09:54 -08:00
Mark Otto
519ecc1c69
Rename order utilities to intended class names ( #21739 )
...
* rename order utilities to intended class names
* Documentation fixes.
2017-01-24 00:01:44 -08:00
Geremia Taglialatela
b509dbe75b
Pixel perfect navbar toggler ( #21821 )
...
The actual available size of the navbar toggler icon is 30px, but the
SVG uses a 32 unit grid. This commit uses a 30 unit grid and updates
icon accordingly.
2017-01-24 00:00:18 -08:00
Mark Otto
ea6390d513
Update _custom.scss imports in other builds ( #21825 )
...
- Correctly places the _custom.scss file first in the other two buids.
- Also removes the clearfix mixin from the grid build because flexbox yo.
2017-01-23 23:59:19 -08:00
Mark Otto
f18a4cdadd
Allow flex-based navs to wrap like they used to ( #21824 )
2017-01-23 23:58:22 -08: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
Mark Otto
4fa7749442
Drop Normalize, port relevant parts to Reboot ( #21741 )
...
* Get this party started by removing mention of Normalize.css
* Nuke the old comment, consolidate to a single line and number as appropriate
* Bring over styles for HTML element from Normalize to Reboot
* Move margin override for body element from Normalize to Reboot
* Drop the block reset for HTML5 elements in IE9- from Normalize given we dropped IE9 support
* Building on previous commit, do the same thing for figure, figcaption, and main
* Remove IE9- display from Normalize given our browser support
* Drop IE8 figure margin because we're IE10+
* No need for the h1 overrides because we reset these font and margin styles anyway in _type.scss already
* Drop Safari 6 b and strong normalization because we're Safari 8+
* Remove mark styles for IE9- from Normalize
* Remove old iOS audio fixes from Normalize
* Remove IE9- display for progress from Normalize
* Remove more IE9- rules from Normalize
* One more IE9- display removal for canvas element
* Move pre overrides from Normalize to Reboot
* Move over some link resets to Reboot, drop others
- Move over background-color and text-decoration
- Drop focus outline change given it affects the offset on hover of
focused links
* Move over more code element resets, consolidate with pre overrides, too
* Move over sub and sup wholesale
* Move over img normalization to Reboot
* Move over SVG override too
* - Drop dupe hidden, but add comment for it
- Move over template
- Move over summary
* Remove bulk of @viewport comment
* edit down that code comment
* consolidate html-based normalizations
* update comments
* Consolidate abbr styles
* move over more type elements
* move over hr changes
* move over form controls and more
* move over button resets
* move over firefox button changes
* move over search changes and more
* we nuke all these styles for fieldsets anyway, so outright remove them
* no need for those, we override them
* move over legend, fieldset, progress
* line break
* delete normalize file
* linting
* update comment
* clarify docs mentions of normalize and reboot
* remove normalize excludes from linter
* remove normalize excludes from cli task
* linting
* callout license since we forked part of normalize
* Improve comments, move table background reset to .table class instead of in reboot
* trailing space
2017-01-21 14:14:25 -08:00
Pierre Vanduynslager
9cf235508d
Fix container within navbar on smallest breakpoint ( #21722 )
...
* Make container in navbar to occupy full width even on smallest breakpoint
* Fix typo in comment
* Apply fix only on smaller breakpoint
* drop the comment as chrome doesn't have a bug here
2017-01-21 13:06:00 -08:00
Mark Otto
eb361fa6c1
Progress line height ( #21805 )
...
* remove obvi comments
* proper fix for #21801
- ensures .progress-bar text is vertically centered should the height of the .progress-bar change by matching the line-height and height values
- we can't use flexbox here because the inner text of an element doesn't count as a flex item
2017-01-21 12:32:38 -08:00
Gijs Boddeus
12b22ebad6
fix segmented buttons ( #21716 )
...
* fix segmented buttons
changed flex-direction to row
centering is now done by align-items instead of justify-content
this way there is no need for flex property on the .btn inside .btn-group
* Update _input-group.scss
2017-01-21 12:25:24 -08:00
Dmytro Yarmak
ade657afee
Fix gaps between vertical grouped buttons when using labels ( #21793 ) ( #21796 )
2017-01-21 12:18:58 -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
Pierre-Denis Vanduynslager
a3bc607c10
Remove unused scss variables ( #21579 )
...
* Remove unused scss variables
* Remove unnecessary space
* Remove $zindex-navbar from docs
* Re-add $progress-box-shadow
2017-01-15 21:35:18 -08:00
Christian Oliff
d7af46359b
Remove filter: alpha(opacity = 0);
...
Not needed (and all other old IE filter attributes have been removed from the CSS. This was the only one remaining
2017-01-15 17:52:34 -08:00
Mark Otto
fc82352594
fixes #21625 , closes #21539
...
don't set focus styles on the anchor, just set hover styles
2017-01-15 17:51:26 -08:00
Rishabh Rajgarhia
2f429fbd77
Update breakpoints in breakpoints.scss comments
2017-01-09 21:05:24 -08:00
Zulfiqar Ali
e7035aee3f
_custom.scss should be the first include
2017-01-09 21:03:40 -08:00
Mark Otto
045888fa38
version bump
2017-01-06 08:38:04 -08:00
Quy
98e55484e7
Doc updates ( #21542 )
...
* Change it's to its.
* Fix links
* Fix typos
2017-01-05 14:24:40 -08:00
Phillip Marshall
1b194c0660
Custom Forms: Allow Chrome/Firefox feature that lets the user drag and drop into file inputs ( #20033 )
...
* Restored functionality of dragging files into .custom-file inputs.
* Replaced padding with height on .custom-file-input
2017-01-03 19:44:44 -08:00
Mark Otto
0ffd369afd
clarify usage of base font-size so we know what's up
2017-01-03 19:32:57 -08:00
Mark Otto
bd38a2a218
Remove -size-root so we can respect user prefs on browser default font-size
2017-01-03 19:32:57 -08:00
Quy
2ea7e388e7
Drop .carete ( #21525 )
2017-01-03 19:31:27 -08:00
Mark Otto
1ed9f5db29
button groups should be inline-flex to match their button counter parts (inline-block currently)
2017-01-03 19:22:08 -08:00
Mark Otto
bd72b9593b
Drop .table-reflow
...
Tried redoing this in flexbox, but it falls apart really quickly. Any changes in height of the cells throws it all off since the rows become columns (and thus, content across columns cannot be equally sized). Rather than implement something with such glaring flaws, I'm nuking it outright.
2017-01-03 13:11:25 -08:00
Quy
d82914fb2f
Remove .navbar-divider
2017-01-02 15:32:26 -08:00
Mark Otto
2bf0bde470
remove magic dropdown positioning for fixed bottom; folks should set this as needed with .dropup modifier
2017-01-02 11:52:25 -08:00
Mark Otto
20b05e42e3
update rest of docs, remove navbar specific modifiers, fix docs example css
2017-01-02 11:48:51 -08:00
Mark Otto
21b28903a4
New position utils, split docs
...
- Renames .pos-f-t to .fixed-top, adds .fixed-bottom and .sticky-top
- Updates utilities Sass to be split across more files (one for position, sizing, and spacing)
2017-01-02 11:45:30 -08:00
Mark Otto
fa1ef15212
remove line break
2017-01-02 11:12:41 -08:00
Mark Otto
c386c5f5cb
Remove .navbar-divider; it's undocumented and wasn't updated with the flexbox navbar updates, so it's kinda bunk right now
2017-01-02 11:12:24 -08:00
Mark Otto
48f452b000
fixes #21511 : set line-height to 1.1 for display headings
...
- had to rearrange vars to re-use heading line-height
- align values while we're at it
2017-01-02 11:03:25 -08:00
Quy
28072f153c
Update carousel comments ( #21501 )
2017-01-01 12:00:17 -08:00
Nuno Arruda
c767a00d5d
Update copyright years to 2017
2017-01-01 12:56:11 +11:00
Mark Otto
22fcac2cea
Rip out the tab-focus mixin, remove application to anchors in reboot
2016-12-31 12:47:03 -08:00
なつき
6a5a83e02c
Fix responsive embed class in flex container
2016-12-31 12:10:15 -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
Mark Otto
b350e60e82
use align-items on .form-inline to keep items from growing too much ( #21461 )
2016-12-28 19:08:33 -08:00
Mark Otto
4449167f44
linting
2016-12-28 19:07:33 -08:00
Mark Otto
83d3e5545d
add align-self to linter property order
2016-12-28 19:07:33 -08:00
Mark Otto
5310bb4c0f
redo order of css, add contents at top
...
this was mad confusing for awhile
2016-12-28 19:07:33 -08:00
Mark Otto
a3f6d8afcb
line break for readibility
2016-12-28 19:07:33 -08:00
Mark Otto
40e85012eb
reflect nav changes here in the responsive views
...
- since we're column to start, need to set row.
- note that flex-direction cannot be inherited, so we have to set it twice.
- apply the horizontal padding again to .nav-link.
- remove the .nav-item styles (un-needed).
- remove previous .nav-link styles as they were un-nested and potentially problematic in old placement should someone mix more navs in here.
2016-12-28 19:07:33 -08:00
Mark Otto
b132d02f99
don't let the toggle grow when it's the only flex child
2016-12-28 19:07:33 -08:00
Mark Otto
cc6d9085f7
set the direction to column (aka, vertical) for mobile views
2016-12-28 19:07:33 -08:00
Mark Otto
952035f353
remove extra line break
2016-12-28 19:07:33 -08:00
Mark Otto
c8f63d6442
bring over styles from .nav for .navbar-nav
...
since we're no longer using the .nav as a base class, we need to bring over some base styles for redoing browser list styles and setting flex in motion.
also brings with it some .nav-link styling. we're still using this global class, but with this small modification for alignment of content in responsive modes.
2016-12-28 19:07:33 -08:00
Mark Otto
861cda109a
drop the flex-grow: 10 in favor of auto margin utils
2016-12-28 19:07:33 -08:00
Pierre-Denis Vanduynslager
6fcf696570
Change last reference from tags over to badges.
2016-12-29 13:20:24 +11:00
Mark Otto
3d24364605
limit linter override to the affected ruleset
2016-12-28 15:13:43 -08:00
Mark Otto
41f7f6ec52
remove plain-hover-focus from navbar navs
2016-12-28 15:13:43 -08:00
Mark Otto
a9d899b115
update navs to use .show
instead of .open
for dropdowns
2016-12-28 15:13:43 -08:00
Mark Otto
d91481397e
linting
2016-12-28 15:13:43 -08:00
Mark Otto
3fd9557cfd
no need to float, but do set display: block;
...
this, coupled with the move to flex, fixes #20029
2016-12-28 15:13:43 -08:00
Mark Otto
79fd05d209
remove plain-hover-focus mixins
2016-12-28 15:13:43 -08:00
Mark Otto
bd6e047152
no need for cursor: default, since, well, it's the default
2016-12-28 15:13:43 -08:00
Mark Otto
c52049e5a7
add a comment here to explain some things
2016-12-28 15:13:43 -08:00
Mark Otto
e3d01a326b
.page-item's don't need this anymore (they're flex items)
2016-12-28 15:13:43 -08:00
Mark Otto
e81aa62af6
remove default margin, allow folks to use utils instead
2016-12-28 15:13:43 -08:00
Mark Otto
645330a755
update pagination list reset styles
2016-12-28 15:13:43 -08:00
Mark Otto
c73bea60de
move pagination to flexbox
2016-12-28 15:13:43 -08:00
Mark Otto
78d0e97509
remove plain-hover-focus from list group mixin
2016-12-28 15:13:43 -08:00
Mark Otto
f228802fd0
Revamp list group states and docs to match
...
- Overhauls the states, including the link/button variants, for list groups to better match how we handle .btn states.
- Moved the .list-group-item-action styles before the .list-group-item so that we don't have to do as much overriding.
- Removed the plain-hover-focus mixins from the disabled and active states since they're unnecessary.
- Added support for :active states on the .list-group-item-action variant (for the current click state).
- Removed the heading and text classes and variables since we can accomplish the same thing with utilities.
- Added support for :disabled on the .list-group-item-action as well since we can use those with button elements.
- Rearranged docs to reflect all the above changes.
- Reformatted some Sass variables.
2016-12-28 15:13:43 -08:00
Mark Otto
9ce5fb5817
Revamp dropdown item states
...
- Removes the plain-hover-focus mixin from active and disabled states; no need for them.
- Adds :active and :disabled since we can use button elements here, too.
- Wrap the disabled background-image override in an -gradients condition.
2016-12-28 15:13:43 -08:00
Mark Otto
d6fa9f5a6c
Remove plain-hover-focus mixins from navs
...
- No need to set hover and focus on disabled or active elements. Disabled has no interactivity and active will inherit the focus.
- Also removes two now unused vars.
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
b449e6b65e
create a variable for the focus box-shadow, use it in the button base class
...
also be sure to apply it for the active state when shadows are enabled
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
232e86d0b4
remove cursor: pointer
...
shoutout https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b#.riy12ck0m
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
150625265b
fixes #21415 by moving disabled .btn-link color to the default state
2016-12-28 15:12:04 -08:00
Quy
d02b558a5a
Rip number
2016-12-28 12:56:15 -08:00
Mark Otto
d2479cf5f0
inline-flex and width: 100% for stacked/vertical variation
...
shoutout to @Starsam80 for the fix
2016-12-27 22:37:50 -08:00
Mark Otto
5d0ec572d4
auto size input groups, fixes #20506
2016-12-27 22:37:50 -08:00
Mark Otto
4d141cb3d1
remove commented out code
2016-12-27 22:37:50 -08:00
Mark Otto
a849fa949b
linting
2016-12-27 22:37:50 -08:00
Mark Otto
fd75c41279
revamp button group with flexbox
2016-12-27 22:37:50 -08:00
Mark Otto
c14ba036c6
forgot to add display flex to the navbar, so utils weren't applying
2016-12-27 22:37:09 -08:00
Mark Otto
8a3d0d344b
use var
2016-12-27 14:17:11 -08:00
Mark Otto
8721ff8d6b
fix inline checks
2016-12-27 14:17:11 -08:00
Mark Otto
4ba5bfb7cb
add some vars
2016-12-27 14:17:11 -08:00
Mark Otto
fe0573cdab
sure we only need the two mixins, but this ensures folks don't run into missing mixin errors down the line
2016-12-27 14:16:25 -08:00
Mark Otto
0f18dfc05c
Update bootstrap-grid.scss
2016-12-27 14:16:25 -08:00
Mark Otto
424f969d1c
Update bootstrap-reboot.scss
2016-12-27 14:16:25 -08:00
Mark Otto
4482503237
move custom down so folks can reassign var values and use other vars
2016-12-27 14:16:25 -08:00
Starsam80
31ac81e5ba
Add more flex utilities
2016-12-26 13:06:53 -08:00
Quy
88a6b1c3d4
Rename tags to badges in comments
2016-12-26 13:06:34 -08:00
Mark Otto
8c90008098
Fixes #20586
...
Use pixels instead of rem units for focus box-shadow on custom controls so that IE11, Edge, and Win FF screw it up less
2016-12-25 15:48:44 -08:00
Mark Otto
96986bb4a3
Use calc() on .col-form-label padding calculations
...
Fixes #21135 .
There's a height mismatch here because we're setting padding on the labels, while inputs get padding *and* a top+bottom border. This now uses calc to determine the exact height needed to match labels to inputs.
2016-12-25 15:48:44 -08:00
Mark Otto
04d48ba504
Replaces #21270 with proper fix
...
Rather than overriding this just on inline form examples, this should be for all static form controls to match inputs.
2016-12-25 15:48:44 -08:00
Mark Otto
4cd426963b
vertically center .form-group contents in inline forms
...
fixes broken inline form example mentioned in #21407
2016-12-25 15:48:44 -08:00
Mark Otto
30fd1590d3
use flex and direction to do the stacked controls instead of float hacks
...
This also fixes #21280 . Previously, we were using float and clear on the individual controls, but that meant a computer height of `0` for the parent `.custom-controls-stacked`. No more problem after using flexbox though.
2016-12-25 15:48:44 -08:00
Mark Otto
82061b25c4
move custom checks/radios to inline-flex
2016-12-25 15:48:44 -08:00
Starsam80
c2e5eb1542
Use variables for the width/height classes
2016-12-25 15:32:34 -08:00
Starsam80
210050d9c9
Clean up _spacing.scss a little bit
2016-12-25 15:32:34 -08:00
Starsam80
7fdedbd5e6
Remove some leftover IE9/flex stuff
2016-12-25 15:32:34 -08:00
Mark Otto
7d05c222f8
linting
2016-12-25 15:28:44 -08:00
Mark Otto
eb19def798
flex the footer and include some margin magic
...
- we need to set margin for space between footer buttons as flexbox doesn't render HTML spaces like inline-block does
- flexbox doesn't have collapsing margins or anything, so we hack it with some :not(:first-child) and :not(:last-child) action
2016-12-25 15:28:44 -08:00
Mark Otto
33746dc63e
flex the modal header so we can remove custom styles
...
updates the dom order in our docs to match (floated content comes first, but no need for that in flexbox)
2016-12-25 15:28:44 -08:00
Mark Otto
e7f8ca08b0
No need to override a margin-top that never was set; only specify margin-bottom override
2016-12-25 15:28:44 -08:00
Mark Otto
31b9d93ffd
Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)
2016-12-25 15:28:44 -08:00
Mark Otto
c214aa32d0
darker border on modal header
2016-12-25 15:28:44 -08:00
Mark Otto
103cae2333
trailing space
2016-12-25 14:03:50 -08:00
Mark Otto
dcd4a63e4e
line break for sanity
2016-12-25 14:03:50 -08:00
Mark Otto
bab4f1ef3c
add my-auto and m-auto
2016-12-25 14:03:50 -08:00
Mark Otto
4f85513608
responsive auto margin classes
2016-12-25 14:03:50 -08:00
Mark Otto
43c206d6ff
add mr-auto and ml-auto for some flex shiz
2016-12-25 14:03:50 -08:00
Mark Otto
56c63aa6b8
Fixes #18228 : Don't use transparent
for bottom border, use bg color
2016-12-25 00:57:17 -08:00
Mark Otto
d5784d811b
rip numbers
2016-12-24 14:21:04 -08:00
Quy
78ee9f3c3e
Update toc numbering ( #21422 )
2016-12-24 14:21:04 -08:00
Mark Otto
991f2468d0
remove unused media vars, update numbers (oof) /cc @Quy
2016-12-24 14:21:04 -08:00
Mark Otto
d93991b1c5
remove unused utils, comment
2016-12-24 14:21:04 -08:00
Mark Otto
9d13fd3fe3
remove old flex utils, update docs to match
2016-12-24 14:21:04 -08:00
Mark Otto
574c3119f3
duplicate of the .flex-fill util
2016-12-24 14:21:04 -08:00
Mark Otto
5464f4ab7e
Start to blow out and document more flexbox utilities
...
- Adds new flexbox.md file to utilities docs
- Adds a `breakpoints.yml` data file for easier output of responsive classes in the docs. Will put this to use on other pages soon.
- Adds hella flex utils. There are some dupes for now, but they'll get removed in time.
2016-12-24 14:21:04 -08:00
Mark Otto
e4933c72da
fix incorrect class name for inline-flex
2016-12-24 14:21:04 -08:00
Mark Otto
d9baeeb0af
Change up the "justified" nav options
...
Given move to flexbox, we can make this available for everyone and clean it up some.
- Simplifies the `.nav-justified` styles to build on the flex-powered `.nav` base class.
- Adds the `.nav-fill` to make nav links fill available horizontal space, but not equal width.
2016-12-24 14:21:04 -08:00
Mark Otto
699d8a5a80
Make .nav flex-powered
...
- Set an explicit `display: flex` on the base `.nav` class and remove the floats/clearfixes from our navs.
- Set some global styles for `.nav-link`, a departure from the previous solution that featured no predefined padding.
- Move `.nav-link` from `inline-block` to `block` given this setting was added for our tabs and pills anyway.
- Remove horizontal margin from nav tabs; let folks set that on their own from now on.
2016-12-24 14:21:04 -08:00
Mark Otto
66c87cb7ca
Undo #21171 (which closed #20977 )
...
Turns out we did have the correct height calculation with our custom selects. The problem was we lacked a shared line-height with our buttons and inputs.
This restores the previous `calc` math and adds a line-height that reuses the input line-height.
2016-12-24 14:21:04 -08:00
Mark Otto
95ee9aa94c
small unrelated addition—adds .d-flex-inline util
2016-12-22 21:29:48 -08:00
Mark Otto
b5c50d4aff
reduce .media styles to their bare minimum
...
Sets minimum required flex styles (including an explicit starting alignment) and removes everything else.
- no need for .media-left and .media-right, we have padding utils
- no need for a .media-heading, we have margin
- no need for .media-object, we have display utils
- no need for .media-list, we have .list-unstyled util
2016-12-22 21:29:48 -08:00
Quy
615072e4c9
Rename Tags to Badges in comments
2016-12-22 21:28:43 -08:00
Mark Otto
94bd6b76be
Merge branch 'flex-cards' into v4-dev
2016-12-22 21:27:54 -08:00
Jacob Müller
1712484727
Add color variables for white and black ( #21397 )
...
* Add color variables for white and black
Closes #21395 .
2016-12-22 19:09:11 -08:00
Mark Otto
040acd30db
change card deck margin strategy
...
- Instead of negative left/right margins, we selectively apply margins to the cards as needed. This way the first and last child never receive a left and right margin (respectively), so we don't need to negative indent those at the .card-deck level.
- Drops the margin-bottom override on the .card because there's no more default margin there.
- Drop the margin-bottom from the .card-deck to match our lack of margins on the card.
This and the previous commit fixes #19883 .
2016-12-22 18:59:05 -08:00
Mark Otto
b3d8426ffe
move to grid gutter width, fixes #21300
2016-12-22 18:55:21 -08:00
Mark Otto
754698c4d7
New width and height utils
...
Adding 25%, 50%, and 75% to the mix for later use with cards
2016-12-22 17:15:10 -08:00
Mark Otto
5d592d16db
switch from block to flex
...
add flex direction too
2016-12-22 16:41:28 -08:00
Mark Otto
050716903f
remove default bottom margin on cards
...
use utils instead
2016-12-22 16:41:11 -08:00
Mark Otto
8d3b40211b
move the card-block flex action up to all card-blocks
...
this allows us to easily scale card blocks in groups and decks, without repeating it in our css
2016-12-22 16:40:58 -08:00
Mark Otto
390a2a6c60
remove commented out code
2016-12-22 16:40:19 -08:00
Mark Otto
0873fccd63
comment typo
2016-12-22 16:39:23 -08:00
Mark Otto
2c48655d07
fix comment
2016-12-22 16:39:18 -08:00
Mark Otto
cd2584870e
add card column margin variable instead of relying on a default card margin
...
this assumes no margin on the .card to start (which will follow in a later commit)
2016-12-22 16:39:11 -08:00
Mark Otto
246151aa12
add card column count variable
2016-12-22 16:38:22 -08:00
Mark Otto
5f40770d19
Rename card column gap variable
2016-12-22 16:38:09 -08:00
Mark Otto
d4217ea137
New width and height utils
...
Adding 25%, 50%, and 75% to the mix for later use with cards
2016-12-22 16:37:18 -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
Mark Otto
8231b188c3
remove .hidden-* classes from .navbar-toggler and make that part of the .navbar-toggleable-*
2016-12-22 13:48:07 -08:00
Mark Otto
b71f973bb5
more linting
2016-12-22 13:48:07 -08:00
Mark Otto
0698dfbed7
linting
2016-12-22 13:48:07 -08:00
Mark Otto
8d9d84784a
Redo navbar-toggler
...
- Require inner element for the icon for improved customization (e.g., drop the element to replace it with your own icon font or SVG)
- Tighten up padding
- Better comments
2016-12-22 13:48:07 -08:00
Mark Otto
80674b0c58
fixes #18115 : move forward with one naming scheme for inversed color schemes, renaming .navbar-dark to .navbar-inverse (matching .card-inverse in the process and restoring v3's inverted class name)
2016-12-22 13:48:07 -08:00
Mark Otto
ecba56828d
fixes #18053 by removing container padding at lower breakpoints on responsive navbars
2016-12-22 13:48:07 -08:00
Mark Otto
2ea7feb9cc
remove
2016-12-22 13:48:07 -08:00
Mark Otto
08e1582f2d
Fix vertical alignment a bit
2016-12-22 13:48:07 -08:00
Mark Otto
5432e7621c
move all nav link and collapse and container behaviors to the toggleable class generation area; this way the .navbar-toggleable-* goes on .navbar, easily affecting everything that needs updating for each breakpoint's use
2016-12-22 13:48:07 -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
Mark Otto
96346f0b44
flexbox shiz
2016-12-22 13:48:07 -08:00
Mark Otto
b98ef3bfd0
no need for a clearfix given no more floats
2016-12-22 13:48:07 -08:00
Mark Otto
350f8a20c9
move padding on nav links and brand to be responsive padding, keeping mobile contents aligned better
2016-12-22 13:48:07 -08:00
Mark Otto
819978cb71
remove width 100% from positioning, remove rounded corners for utils
2016-12-22 13:48:07 -08:00
Mark Otto
96082b1ec7
remove justified, replacing with modifier later if needed; combine rules
2016-12-22 13:48:07 -08:00
Mark Otto
18453f06f9
flexbox this thing
...
- drop the table styles, use flex
- remove commented out code
- consolidate styles a bit
- add a huge flex-grow to the nav, making the assumption you want nav to take up most space
2016-12-22 13:48:07 -08:00
Mark Otto
09f13c4764
indentation
2016-12-22 13:48:07 -08:00
Mark Otto
99ac0bcedc
exploring table based navbar again
2016-12-22 13:48:07 -08:00
Bardi Harborow
855a67b1d6
Remove IE9 browser hacks. ( #21393 )
2016-12-22 13:41:31 -08:00
Patrick Cameron
b01f5a1a38
Changed a word in a comment ( #21399 )
2016-12-22 13:25:41 -08:00
Mark Otto
a2b2f99e3b
Restyle code elements in links ( #21392 )
...
* Restyle code elements in links
Fixes #21259 . Removes the background, color, and padding on code elements within anchors.
* Update _code.scss
2016-12-21 20:28:34 -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
Mark Otto
f464a5b214
Redo color vars
...
This pulls in some changes from #18462 to include a set of generic color variables. It doesn't include a Sass map for generating the theme colors yet, since we can't easily do that for all components, but does give a few more color choices to folks and an easier way to customize.
2016-12-20 23:24:24 -08:00
Gijs Boddeus
1c2f372aad
Overwrite margin-bottom on form-control-static ( #21270 )
...
* Overwrite margin-bottom on form-control-static
In the documentation the form-control-static class has been used on a p element.
On the regular vertical form the margin bottom of the p element gets overwritten by a mb-0 class.
In the inline form example this class hasn't been applied, therefore the p element gets a margin-bottom.
To prevent this behavior we can add a margin-bottom of 0.
* Update _forms.scss
2016-12-20 14:45:08 -08:00
Mark Otto
37de11e386
Rename -bg-inverse to -inverse-bg; add -inverse-color ( #21371 )
2016-12-19 21:50:31 -08:00
Mark Otto
8eeb71c91c
Merge branch 'fix-20982' of https://github.com/Starsam80/bootstrap into Starsam80-fix-20982
2016-12-19 21:44:03 -08:00
Mark Otto
7e5f21c2b4
Rename _animation.scss to _transitions.scss ( #21370 )
...
* Rename _animation.scss to _transitions.scss for accuracy
* fix docs reference to file name
* cleanup line breaks
2016-12-19 21:37:09 -08:00
Mark Otto
50d5f60696
Merge branch 'progress-brand' of https://github.com/szastupov/bootstrap into szastupov-progress-brand
2016-12-19 21:06:27 -08:00
Mark Otto
be4fc23fdb
Merge branch '14840-consistent-colors' of https://github.com/Kovah/bootstrap into Kovah-14840-consistent-colors
2016-12-19 20:54:41 -08:00
Jesse Mandel
f3282b5656
Update _modal.scss ( #21346 )
...
pull->float comment
2016-12-19 20:34:27 -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
Bardi Harborow
da18d07d8e
Add 'system-ui' to font stack.
2016-12-19 20:29:44 -08:00
Stepan Zastupov
7800b3d97c
Use brand color for progress bar
2016-12-20 00:58:37 +03:00
Mark Otto
d8bdb819a7
linting property order
2016-12-10 16:58:52 -08:00
Mark Otto
65aed32d95
put the custom control spacer var to use
2016-12-10 16:58:52 -08:00
Starsam80
bf39bb3ac3
Rename .active
to .show
2016-12-07 21:20:15 -07:00
Mark Otto
ede925d79b
Merge pull request #21298 from twbs/carousel
...
Refactor carousel
2016-12-05 23:31:14 -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
7c3bda24f0
simplify svg by only using viewbox
2016-12-04 22:06:29 -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
875c24395c
remove unused vars
2016-12-04 21:55:24 -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
306f75216d
Move margin from adjacent selector to right on the .custom-control for better responsive rendering ( #21295 )
2016-12-04 20:42:12 -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
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
Chris Rebert
f1b732031e
Reboot: Update <fieldset> comment to clarify that the default weirdness is part of the standard. ( #21261 )
...
Refs https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
[skip sauce]
2016-12-02 09:57:22 -08:00
Chris Rebert
1fb6d8c46a
Reboot: Add direct link to Edge scrollbar bug
...
Refs https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7165383/
[ci skip]
2016-11-30 21:43:42 -08:00
Chris Rebert
2404fec198
Reboot: Link directly to the temporal inputs WebKit bug
...
Refs https://bugs.webkit.org/show_bug.cgi?id=139848
[ci skip]
2016-11-30 21:37:45 -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
Mark Otto
af937836d9
Fix #20908 ( #21244 )
...
Remove the border-bottom from abbr elements since that's covered with an underline in Normalize.css. Updates the docs to match and tweaks some code comments, too.
2016-11-28 20:26:28 -08:00
Florian Schlittenbauer
959c4e527c
Fix incorrect select height calculation ( #21171 )
2016-11-28 13:33:11 -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
Mark Otto
23866efbb1
Fix #20013 , nullify #21112 ( #21230 )
...
Add padding to dismiss button for alerts and use position to place it. Removes extra padding on .alert-dismissible's right side, too. We could probably further simplify these things in the future as well.
2016-11-27 23:59:21 -08:00
Mark Otto
35133f86c8
Follow up to #21052 to match small pagination links with small buttons
2016-11-27 23:39:46 -08:00
Stefan Staynov
0051be1657
Set line-height for page-links ( #21052 )
2016-11-27 23:37:36 -08:00
Cyril Kyburz
f995a8be1e
Add alert-margin-bottom variable ( #21064 )
2016-11-27 23:21:09 -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
Starsam80
54908a95a8
Rename .navbar-toggleable-xs
to .navbar-toggleable
+ more cleanup ( #21226 )
...
* Clean up some utilities
- Align CSS properties
- In `_spacing.scss`, we had a comment saying what 'a' was for, but we removed that so this comment no longer applies
* Remove '-xs' from `.navbar-toggleable-xs` and remove duplication
* Fix outdated classes to use newer ones
2016-11-27 22:23:12 -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
Mark Otto
585516db95
Add max-width 100% and max-height 100% utilities ( #21221 )
2016-11-27 16:31:31 -08:00
Starsam80
8d031090d0
Rename .flex-xs-*
and .flex-items-xs-*
to .flex-*
and .flex-items-*
( #21218 )
...
* Clean up _flex.scss a little
This commit just cleans up the formating of _flex.scss by changing
it so that it uses a single `@include media-breakpoint-up` instead
of multiple. It also aligns all of the CSS properties so it looks
a bit nicer.
* Remove `-xs` from flex classes
2016-11-27 15:19:27 -08:00
Starsam80
94be2d2254
Remove redundant media queries ( #21220 )
2016-11-27 15:18:46 -08:00
Starsam80
b1e8d60348
Remove 'xs' from text utilities ( #21217 )
2016-11-26 20:33:46 -08:00
Mark Otto
eb5ad730ee
update scss linter to allow multiple spaces before on single line
2016-11-26 20:33:22 -08:00
Mark Otto
23301b21cd
Remove most border-radius properties and instead use overflow: hidden; to properly round corners of a full progress bar. ( #21216 )
...
Fixes #19065 .
2016-11-26 18:46:46 -08:00
Mark Otto
d50fc038c5
Update comment for use of IE9 hack to fix #18082
2016-11-26 17:31:10 -08:00
Mark Otto
e17e75b757
Update inline forms (updated docs and new flexbox styles) ( #21212 )
...
* fix form-inline with flex enabled
* grunt
* fix alignment of labels
* shorter if syntax
* add new form example to docs for now
* update inline form docs usage guidelines
* responsive margins
* better margin utils
* fix sizing of .form-check
* flexbox alignment of .form-check
* no need to change direction
* support custom controls in inline form, for default and flex modes
* add example of custom select and checks to docs
* remove hidden and visible label variants since we cover that in the usage guidelines at the start and include hidden labels everywhere
* use property value instead of layout name
* apply to all labels
* add a visible label, space it out
* add id
2016-11-26 16:55:18 -08:00
Ken Dale
dc52029bea
Add .rounded-0 utility class ( #21214 )
...
* Add rounded-0 class
2016-11-26 16:47:53 -08:00
Mark Otto
095ea0b795
Border utilities ( #21213 )
...
* grunt
* add border utilities for removing borders
* clean up comments
* add basic border docs
* docs styles for border utils
2016-11-26 16:44:16 -08:00
Mark Otto
ec5e7e5e5a
Add .no-gutters option to remove gutters from rows ( #21211 )
...
Fixes #19107 .
2016-11-26 12:13:15 -08:00
Mark Otto
8ef1d93d0c
Merge pull request #21205 from twbs/navbar-disabled
...
v4 disabled navbar links
2016-11-26 02:03:46 -08:00
Mark Otto
b9947152c6
Merge pull request #21208 from twbs/table-responsive-docs
...
Update .table-responsive
2016-11-26 02:03:12 -08:00
Mark Otto
b88c32cf17
uncomment autohiding scroll and remove commented out border
2016-11-26 01:47:16 -08:00
Mark Otto
410b7dd5e8
update comment
2016-11-26 01:46:11 -08:00
Mark Otto
5ab99abd97
prevent double border on responsive .table-border
2016-11-26 01:44:06 -08:00
Mark Otto
8cd29af7ee
Merge pull request #21203 from twbs/conditional-transition-animations
...
Wrap .fade and .collapsing transition properties in $enable-transitions
2016-11-26 01:27:54 -08:00
Mark Otto
abbc2b7c93
Merge branch 'v4-dev' into modal-sizes
2016-11-26 01:04:51 -08:00
Mark Otto
ea2e4203a5
Merge pull request #21206 from twbs/gray-lightest
...
Update use of $gray-lightest variable
2016-11-26 00:52:52 -08:00
Mark Otto
d82d04fd6d
decrease size of modal-md and modal-lg to ensure fitting in responsive layouts
2016-11-26 00:47:33 -08:00
Mark Otto
cc737d6faf
change instances of hardcoded lightest gray to sass variable -lightest
2016-11-26 00:23:49 -08:00
Mark Otto
559902ad54
change uses of #f5f5f5 to -lightest
2016-11-26 00:22:49 -08:00
Mark Otto
4fc526f24a
add disabled classes to light and dark navbar nav-links
2016-11-26 00:19:13 -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
Mark Otto
308bc77dbb
Update bootstrap-grid.scss to include box-sizing and responsive changes ( #21202 )
2016-11-25 23:03:07 -08:00
Mark Otto
3154c0585a
re-enable transitions (which according to the options.md doc is the default)
2016-11-25 22:08:51 -08:00
Mark Otto
6e16a6b40a
Wrap .fade and .collapsing transition properties in -transitions
2016-11-25 22:06:40 -08:00
Mark Otto
d315c9499d
v4: Flexbox nav options ( #21201 )
...
* Add some flexbox nav components
- Includes .nav-justified for inline, tab, and pill nav components
- Includes example of using the flex utils (.d- and .flex-items-) for centered nav
* redo heading hierarchy a bit
2016-11-25 17:46:13 -08:00
Mark Otto
76907b8b1e
v4: Miscellaneous color changes ( #21199 )
...
* Darken dismiss icon opacity
* Darken text on active list group items
* Darken light gray for accessibility/contrast, then update gray and dark gray to match
2016-11-25 16:03:13 -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
5b4d5595ab
Merge pull request #21133 from bardiharborow/normalize
...
Update Normalize to v5.0.0.
2016-11-25 14:10:46 -08:00
Mark Otto
fa5572b273
Merge pull request #21187 from twbs/fix-21094
...
Fix pagination underline
2016-11-25 13:53:36 -08:00
Bardi Harborow
0f391965cd
Update Normalize to v5.0.0.
2016-11-24 12:08:25 +11:00
Mark Otto
4332a5cc02
Merge pull request #21068 from twbs/list-group-border-color
...
switch to rgba for list-group border color
2016-11-23 11:45:11 -08:00
Mark Otto
7124388fdb
Merge pull request #21118 from Elliot-Evans-95/v4-dev
...
renamed modal-title-padding to modal-header-padding
2016-11-23 11:39:23 -08:00
Mark Otto
c13215d038
Fixes #21094 : Move text-decoration override from the default link state to the hover/focus state so it can override the global styles properly
2016-11-23 11:37:56 -08:00
Mark Otto
6910516d2c
Merge pull request #21086 from ETNOL/feature/OmitXsFromGrid
...
Feature/omit xs from grid
2016-11-16 20:37:51 -08:00
Bardi Harborow
794136f191
Change .tag print styles to .badge.
2016-11-13 12:32:07 +11:00
Elliot Evans
7f05cb9e94
renamed modal-title-padding to modal-header-padding
2016-11-10 22:37:20 +00:00
Patrick H. Lauke
2b73773953
Scope ::first-letter selector for print styles
...
`*::first-letter` causes problems in IE11 - only prints first page of a
multi-page document
2016-11-06 21:02:29 +00: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
f734814f6b
Make spacer utils responsive ( #20926 )
...
* make spacer utils responsive by grid tier
* update scale to add two levels, document them
* change responsive spacing utils to avoid the xs abbreviation in the class name for that tier
* update code snippet to match source
* update usage in our docs
* linter
* docs updates
2016-10-31 21:13:05 -07:00
Alberto Roura
5616e62093
Use variable names for form focus borders ( #21050 )
2016-10-31 09:12:00 -07:00
Mark Otto
b718b71627
Merge branch 'v4-dev' of github.com:twbs/bootstrap into v4-dev
2016-10-30 14:48:42 -07:00
Mark Otto
8c0e1f32b6
trailing whitespace
2016-10-30 14:48:35 -07:00
Catalin Zalog
5099a60ffe
Fix input group sizing in Firefox
...
Firefox requires a width and flex-basis value to size the input field correctly. Despite the width being 1%, the input will size correctly at all parent widths.
http://codepen.io/zalog/pen/bpMJmv
2016-10-30 14:43:10 -07:00
Mark Otto
e11e6ec913
Merge branch 'v4-flex-list-group' of https://github.com/rosskevin/bootstrap into rosskevin-v4-flex-list-group
2016-10-30 13:49:46 -07:00
Mark Otto
864343a3cc
Merge branch 'v4-dev' of https://github.com/HMUDesign/bootstrap into HMUDesign-v4-dev
2016-10-30 13:38:44 -07:00
Valentine Abanosimov
34ec049231
Fixes #20975 : removed trailing whitespace
2016-10-30 21:57:04 +03:00
Valentine Abanosimov
66d113be83
Fixes #20975 : removed trailing whitespace
2016-10-30 21:51:16 +03:00
Valentine Abanosimov
d6132c9a5d
Fixes #20975 : made navbar-text color on navbar-dark equal to non-hovered link color
2016-10-30 21:43:54 +03:00
Mark Otto
cfd6e92ff6
include .col-form-label in the form validation field mixin
2016-10-28 16:35:47 -07:00
Mark Otto
ccb5248205
Merge branch 'issue19217' of https://github.com/alberto/bootstrap into alberto-issue19217
2016-10-27 22:28:24 -07:00
Mark Otto
20178076ee
Merge pull request #19915 from zalog/patch-9
...
Zero out the default margin-bottom on label.custom-file
2016-10-27 22:20:26 -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
34d88c79e6
Merge pull request #20225 from morishitter/v4-dev
...
Add some properties to the list of property order in .scss-lint.yml
2016-10-27 22:09:10 -07:00
Mark Otto
8f0429973d
Merge pull request #20441 from cortopy/visibility-mixin
...
Visibility mixin
2016-10-27 22:06:47 -07:00
Mark Otto
2df2efc1fb
Merge pull request #18851 from ju1ius/patch-1
...
Don't clearfix if flexbox is enabled. Fixes #18849
2016-10-27 21:58:14 -07:00
Mark Otto
1e06ae1bfe
switch to rgba for list-group border color
...
matches the card border-color, fixes #20129
2016-10-27 21:29:09 -07:00
Mark Otto
d23163a483
Merge pull request #21032 from twbs/flexbox-input-group
...
Proper input group sizing and alignment in flexbox mode
2016-10-27 21:23:48 -07:00
Mark Otto
f655343ac9
Merge pull request #21033 from twbs/label-less-custom-controls
...
Add a min-height: 1.5rem; to custom controls
2016-10-27 21:23:04 -07:00
Mark Otto
4a05116020
Merge pull request #21034 from twbs/better-custom-control-alignment
...
Calculcate the top offset for custom control indicators
2016-10-27 21:22:24 -07:00
Mark Otto
6608b2a9ee
Merge branch 'v4-dev' of github.com:twbs/bootstrap into v4-dev
2016-10-27 20:04:04 -07:00
Mark Otto
61b01f9b28
Merge branch 'patch-1' of https://github.com/tomhorvat/bootstrap into tomhorvat-patch-1
2016-10-27 20:02:59 -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
2dcc50f017
Calculcate the top offset for custom control indicators
...
Fixes #21023 .
Uses some math functions to determine what the offset should be. This is helpful for those who customize the size of their indicators and still want them vertically centered.
2016-10-27 14:41:12 -07:00
Mark Otto
1421ca5b87
Add a min-height: 1.5rem; to custom controls
...
Fixes #20730 .
This change computes the minimum needed height of what a single line of text would be for the custom checkboxes/radios. This is required because our custom control indicators are positioned absolutely, meaning they cannot be clearfixed or anything like that. Using a computed value means it should scale nicely in case of customization
2016-10-27 14:32:56 -07:00
Mark Otto
78c9757236
property order
2016-10-27 13:46:16 -07:00
Mark Otto
259a420d70
Ensure proper sizing of and alignment of content within input group addons and buttons
...
Fixes #20927 .
2016-10-27 13:40:55 -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
115a37db1a
Change variable for modal backdrop zindex, rearrange to be ordered from lowest to highest
2016-10-27 09:31:38 -07:00
Mark Otto
52c84a1cb6
Merge pull request #20938 from JPeer264/feature/sass-doc
...
Docs: Sass Variables Table of Contents
2016-10-26 21:20:25 -07:00
Mark Otto
261ed70a18
Merge pull request #21019 from Starsam80/fix-collapse
...
Rename .in to .active to fix collapse
2016-10-26 21:14:16 -07:00
Mark Otto
d9fa3fd797
Rename .tag to .badge to avoid conflicting with WordPress
2016-10-26 18:33:58 -07:00
Starsam80
aa08274d24
Rename .in to .active to fix collapse
2016-10-26 17:24:46 -06:00
Mark Otto
aa11f00218
Merge pull request #20982 from Johann-S/fix19344
...
Fix #19344 - Use a single class name for opened/expanded/shown state of widgets
2016-10-25 19:57:51 -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
182a642b07
Merge pull request #20903 from Starsam80/fix-20395
...
Remove borders on the top and/or bottom when .list-group-flush is the first and/or last child
2016-10-25 19:52:14 -07:00
tomhorvat
e5bb0c40f4
Body font weight variable
2016-10-25 15:05:51 +02:00
Johann-S
9d129a43d6
Use a single class name for opened/expanded/shown state of widgets
2016-10-25 14:07:41 +02:00
Patrick H. Lauke
f93df8dccd
Merge pull request #20962 from patrickhlauke/v4-fix-unescaped-hash-data-urls
...
Fix unescaped `#` in SVG data URLs
2016-10-25 12:31:29 +02: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
Mark Otto
b0d61474e8
Merge pull request #20957 from kukac7/patch-1
...
duplicate navbar-toggler-padding variables
2016-10-24 20:49:14 -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
Patrick H. Lauke
85531fd9fb
replace #
with %23
in SVG data urls with str-replace
2016-10-20 18:27:11 +01:00
Patrick H. Lauke
b2fe9743cc
Add str-replace Sass function
2016-10-20 18:26:36 +01: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
béla
dd1b9eeef8
duplicate navbar-toggler-padding variables
2016-10-20 11:31:30 +02: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
8ff7edaab4
version bump to alpha 5
2016-10-19 08:27:41 -07:00
JPeer264
088b164a23
updated sass variables table of contents
2016-10-19 10:17:55 +02:00
Mark Otto
028dd6bd48
Merge pull request #19890 from twbs/v4-navbars
...
v4: Navbar improvements
2016-10-19 00:59:51 -07:00
Mark Otto
16947ffa88
Merge pull request #20933 from twbs/alert-padding-vars
...
Switch to separate vars for alert vertical/horizontal padding
2016-10-18 23:42:16 -07:00
Mark Otto
271f10f74f
Merge branch 'v4-dev' into v4-navbars
2016-10-18 20:03:49 -07:00
Mark Otto
6321f9342e
Switch to separate vars for alert vertical/horizontal padding
2016-10-18 19:18:06 -07:00