Commit Graph

548 Commits

Author SHA1 Message Date
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
tillmon 0aa8cbee76 Set font-sizes relative to font-size-base (#24060)
* font-sizes relative to font-size-base

* ditch $heading-font-size-base, simplify

* apply same to .lead var

* also update progress bar font-size var
2017-10-18 19:44:13 -07:00
Andres Galante e756b667d2 changes popovers from px to rem 2017-10-17 20:07:11 -07:00
XhmikosR 64c944bca8 Use `$white` variable for `.navbar-dark`'s color. (#24309)
Using `rgba($white,1)` results in `white` instead of the hex.
2017-10-10 08:58:35 +03:00
Gisete Kindahl bab3246a1d Centered SVG icon within its own container (#24292) 2017-10-09 10:37:46 -03:00
XhmikosR 8767338669 Reindent _variables.scss.
Now it's more consistent.

Also switch to numeric values for font-weight.
2017-10-07 00:11:40 +03: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
Patrick Yeo ac69547314 Badges add Sass variable to configure `$badge-border-radius` (#24213) 2017-10-02 21:11:11 -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
XhmikosR 7b766e1ad5 Switch to stylelint. (#23572) 2017-10-02 20:34:56 -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
Martijn Cuppens 1d6a6c2abf Add quotes to mapping keys (#23701) 2017-09-27 11:00:42 +03:00
XhmikosR 5cec8e0de6 Minor Sass cleanup and consistency changes. (#23959) 2017-09-17 08:18:24 +03: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
Mark Otto 26e6d8b2b2 drop the now unused -color variable 2017-08-20 13:36:16 -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
Andres Galante 77777b388d Adds a default flag to paragraph-margin-bottom (#23420) 2017-08-14 18:09:44 -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
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 54d76805a5 Redo .card-deck and .card-group so they're always flex (#22860) 2017-08-13 14:53:24 -07:00
Patrick Yeo a0521efbb5 Input Group Addon add option to configure `$input-group-addon-color` 2017-08-10 23:11:18 -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
Pascal Pixel 4634b39a1b Emoji Defaults (#22565) 2017-08-10 22:51:42 -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
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
Patrick Yeo 0501b029f5 (#22414) Rename for consistency `$dropdown-margin-top` to `$dropdown-spacer` 2017-08-04 15:17:50 -07:00
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
Mark Otto 3b08beb37a follow up to 4e067f722 2017-07-01 23:40:51 -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 e7ae1d9069 match btn transition to input 2017-07-01 23:10:01 -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 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