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