Commit Graph

522 Commits

Author SHA1 Message Date
Mark Otto 38271b21d5 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2018-01-13 18:58:48 -08:00
Patrick Yeo 17b0472b12 $component-active-bg and $component-active-color are partially useful (#24710)
* Use `$component-active-bg`, `$component-active-color` in custom-control-indicators and pagination for checked, indeterminate, and active states

* Button and Forms focus colors should be based on `$component-active-bg`
2018-01-13 09:56:31 +02:00
Mark Otto 44eedf3e58 Merge branch 'custom-check-disabled' of https://github.com/gijsbotje/bootstrap into v4-dev 2018-01-12 17:32:56 -08:00
Mark Otto 92cc0aba7b Deprecate hover media query shim and mixins (#25270)
* Deprecate hover media query shim and mixins

Fixes #25195.

This never was completed or fully implemented, and the docs are inaccurate as to what browsers are currently affected by this stickied hover problem. This PR aims to update the docs and deprecate the shim from our mixins and only return the pseudo-classes. To reflect the order of these states used elsewhere (e.g., our button styles), I've also updated the order of each within the mixin.

* Mention in docs and variables that it's deprecated
2018-01-11 10:12:15 +00:00
gijsbotje d7dbdf91c6 added variable for the background of checked and indeterminate custom inputs and radios that are disabled
added styles for these cases
2018-01-06 01:14:15 +01:00
Mark Otto 20765b5025
Print tweaks (#25164)
* Add min-width to body when printing

This should address some inconsistencies between browsers when printing. It applies a min-width to the body so that the content better resembles what your might see on your screen. I've made it a variable for easy customizing, too.

* Don't underline buttons when printing

* Add basic print styles for page and body size to create a semi-consistent print experience across browsers
2018-01-03 16:01:03 -08:00
Mark Otto 2dc5762f96 Update pagination focus styles
- Drops the hover-focus mixin for standard :hover
- Adds explicit :focus styles to match button, input, etc with a box-shadow
- Adjusts z-index values to ensure the layers go initial, hover, active, focus

Fixes #24838.
2018-01-02 21:49:01 -08:00
Mark Otto 750291b251 Darken border color slightly 2018-01-01 20:50:59 -08:00
Andres Galante 5f3856ce29 removes hardcoded value for nav-link padding 2017-12-30 20:58:25 -08:00
Mark Otto 625736b17b Darken $gray-600 by 10% for AA contrast (#25123)
Closes #23319. Both `.text-muted` and `.btn-outline-secondary` (and indeed all secondary items) make use of `$gray-600`. New value provides a contrast ratio of 4.69.
2017-12-29 21:03:35 +00:00
Mark Otto ee83a963f3 linting 2017-12-28 10:20:34 -08:00
Mark Otto a6ae1cc50d Move alert theme-color() levels to variables
Closes #24341
2017-12-28 10:20:34 -08:00
Patrick Yeo d5cbe696da Allow customizing Popover and Tooltip `border-radius` while I'm at it 2017-12-28 10:18:50 -08:00
Patrick Yeo eaca6c0e44 Allow customizing Popover and Tooltip `font-size` outside of `$font-size-sm` 2017-12-28 10:18:50 -08:00
Mark Otto cf5e99e172 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-12-26 22:28:14 -08:00
Mark Otto 468c1615e2 smaller popover arrows for more reasonable visuals and more ideal pixel rounding 2017-12-26 21:54:47 -08:00
Mark Otto 6cf71f298c Merge branch 'fix-arrows' of https://github.com/simonihmig/bootstrap into simonihmig-fix-arrows 2017-12-26 21:36:12 -08:00
Mark Otto b01e81ed36 Rewrite custom file input
- Changes the wrapping label to a div so we can style the label instead of another element while also supporting form validation.
- Fixes form validation styles for custom file input (closes #24831).
- Updates docs with validation styles (also adding example feedback text while I was there) and new how it works section.
2017-12-26 16:14:08 -08:00
Mark Otto 03e1c47bc2 Darken table border-color
Fixes #25016 which noticed a .thead-light and border-color of the .table-border are the same color.
2017-12-26 13:47:48 -08:00
Mark Otto c468f89b1c Make custom select and file inputs 100% wide
Matches browser default inputs and swaps some max-width properties for a regular width
2017-12-23 17:50:52 -08:00
simonihmig 9600ab1003 Fix tooltip/popover arrow size and position 2017-12-23 18:29:57 +01:00
Mark Otto 0a420124ea
Restyle code element, remove docs example overflow, improve docs examples (#25054)
* Restyle code element, clean up variables

- Removes the padding and background-color
- Changes the color to a brand color ()
- Add new variables to kbd element styles to account for removing the code ones
- Remove overrides that were needed previously

* only break between words, and override it in the pre

* make file inputs 100% wide

* scope custom file changes in input group for sizing

* shorter button labels for responsive

* narrower cards

* button was too wide

* downsize

* fewer links in pagination

* redo cell text

* improve overflow docs
2017-12-22 16:49:57 -08:00
Mark Otto 16f1417240
Form check markup v2 (#25050)
* match layout behaviors

* ditch the indicator as separate element for psuedo-elements on the label

* move disabled to attribute only on input

* redo default inline check to support new markup

* redo inline forms

* clean up vars

* update validation mixin to new structure

* update checks in docs

* linting for for/id attributes
2017-12-22 16:13:01 -08:00
Andres Galante 1d6e3710dd Adds variable for color yiq threshold (#24886) 2017-12-01 19:26:10 -08:00
Mark Otto 2ec1606ab7
Custom select updates (#24699)
* Add support for size attribute on custom selects

* Add large custom select, document it and the small variant

* fix custom select focus state

* fix custom file input focus styles

* remove empty line
2017-11-24 14:29:59 -08:00
Andres Galante 1ee9cb04bd Adds variables for form validation messages (#24767) 2017-11-15 03:32:08 +02:00
Patrick Yeo c2a7a2c41d Nav Tabs use single variable to style `$nav-tabs-link-hover-border-color` and `$nav-tabs-link-active-border-color` (#24639) 2017-11-06 13:35:52 -08:00
Patrick Yeo e2c15da967 Move hardcoded opacity value in `.btn:disabled` to variable `$btn-disabled-opacity` (#24680) 2017-11-06 13:34:42 -08:00
Andres Galante 058123440f Convert px values to rem on tooltip variables (#23468)
* converts px valures to rem on tooltip variables

* keep as px to match popover changes
2017-11-06 09:29:12 -08:00
Andres Galante b931070bd7 changes list-inline-padding from 5px to .5rem 2017-11-06 09:28:29 -08:00
XhmikosR 34d745540d
Minor Sass consistency changes. (#24677)
* use `background-color` instead of the shorthand
* use `outline: 0` consistently
* fix transform order
* remove quotes from `SFMono-Regular`
2017-11-06 02:23:36 +02:00
Andres Galante 9244974064 Convert modal's px units to rem (#23782) 2017-11-02 02:23:51 +02:00
Andres Galante 1870b871d0 adds variables for the hr element margin 2017-10-30 13:11:47 -07:00
Andres Galante 904f22c94f changes colors references on variables.scss from hardcoded to variables on the theme 2017-10-30 13:10:52 -07:00
Mark Otto af9df8c308 update new focus and shadow properties to use vars 2017-10-25 12:30:29 -07:00
Mark Otto 5dae7f0449 edit code comments 2017-10-22 19:56:49 -07:00
Mark Otto 0231bd9436 Update _variables.scss 2017-10-22 14:30:35 -07:00
Mark Otto 1f42d79561 Merge branch 'v4-dev' into btn_input_split_variables 2017-10-22 14:26:49 -07:00
XhmikosR 29d58fb758 Enable stylelint's `function-comma-space-after`. (#24501)
The option is set to `always-single-line` in stylelint-config-standard which we extend.
2017-10-23 00:00:00 +03:00
José Francisco 502d6b2579 Add variable to configure the `$dropdown-border-radius`. (#24376) 2017-10-22 13:47:31 -07:00
Mark Otto b61de52e62 match property order 2017-10-22 23:31:53 +03:00
Andres Galante d38f08fcdc adds animation to color on outlined btns 2017-10-22 23:31:53 +03:00
Mark Otto bf2fee9035 add vars for yiq color contrast function 2017-10-22 12:56:06 -07:00
XhmikosR dc39082ad7 Remove `thumbnail-transition` from `.img-thumbnail`.
We don't change anything so the transition is basically unused.
2017-10-22 12:23:40 -07:00
Mark Otto 06641ca0b3 Gradients and shadows (#24429)
* Update the form focus mixin to use a manual `$enable-shadows` check so we can always ensure a focus state for accessibility and consistency

* - Add new `$input-btn-focus-width` and `$input-btn-focus-color` variables.

- Replace separate `$btn-focus-box-shadow` and `$input-focus-box-shadow`
variables with unified `$input-btn-focus-box-shadow` to match our
combined variables approach elsewhere.

* Put new focus width var to use in buttons mixins

* use new button input-box shadow var

* Add a new mixin for quickly adding linear gradient to components when $enable-gradients is set to true

* use correct var

* fix focus shadows in button mixins

* Add opt-in gradients to alerts, buttons, carousel, custom radios and checkboxes, custom file input, and dropdown items

* Generate .bg-gradient- utilities

* add headings to colors page and document bg-gradient utils

* update the button color for active status, check with yiq as it's done for basic state and hover state
2017-10-19 09:03:33 -07:00
XhmikosR d4e7090c2d Reindent _variables.scss. (#24428) 2017-10-19 08:16:38 -07:00
i.sychev 58e553d7bc append btn-* and input-* variables and extends their from input-btn-* variables 2017-10-19 10:05:07 +03:00
Andres Galante bee20c04e8 Move theme variables outside of the theme map. (#23918) 2017-10-19 09:05:00 +03:00
Dylan Seago a62ced0e0b Rename navbar height variables to reflect their value (#24161) 2017-10-18 19:51:45 -07:00
Mark Otto d94fec94b2 Increase headings-line-height from 1.1 to 1.2 (#24423)
This way, descenders are not cropped when truncating. Fixes #23956.
2017-10-18 19:48:35 -07:00