Commit Graph

419 Commits

Author SHA1 Message Date
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
Mark Otto c6168b64ed Remove system-ui from font stack due to i18n issues 2017-04-07 14:22:18 -07: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
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 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 08d612f3e4 correct inverse table border color, add new var 2017-03-19 18:39:48 -07:00
Starsam80 95f37e4c40 Clean up spacers a bit more 2017-03-05 16:05:12 -06:00