Mark Otto
2feebccf24
make card headers and footers translucent
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
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
6fbceb2f70
remove $state-vars now
2017-06-28 09:38:27 -07:00
Mark Otto
91b587ad6a
remove now unused alert variant variables
2017-06-28 09:23:10 -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
b973fe6b94
update theme colors
2017-06-25 18:08:43 -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
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
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
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
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
d6b0334a4e
remove icons for now
2017-06-06 22:45:37 -07:00
Patrick Yeo
ec56bbe6bf
Rename $card-border-radius-inner to $card-inner-border-radius
2017-06-03 22:17:57 -07:00
Mark Otto
f13eb51940
Merge branch 'v4-dev' into form-tweaks
2017-05-31 21:29:23 -07:00
Patrick Yeo
0800c7e1c8
Rename $card-link-hover-color to $card-inverse-link-hover-color
2017-05-31 20:34:01 -07:00
Mark Otto
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
Johann-S
aa36439e17
Use Popper.js to manage arrow position
2017-05-23 15:19:54 +02:00
Johann-S
2b403819b7
Fix tooltip margin to be stick at their caller
2017-05-14 11:41:19 +02:00
Sebastiaan Nijland
6c5346e300
Removed several unused scss variables ( #22539 )
2017-05-07 17:41:14 -07: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
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
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
Patrick H. Lauke
7056f70240
Remove cursor: not-allowed styles
2017-04-10 22:10:20 +01: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
90c18ebd19
Switch to ease function to remove trailing animation movement
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
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
