0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-13 01:08:58 +01:00
Commit Graph

750 Commits

Author SHA1 Message Date
Mark Otto
8d8d3ef82a Restore feedback icons on validated form fields
- Only applies to textual inputs and textareas with `.form-control` and selects with `.custom-select`
- Wrap the feedback icons in a Sass variable option, $enable-validation-icons, so folks who theme can disable
- Update docs to summarize styles, mention the icons, include a textarea demo, and add mention of the Sass variable option to the Theming section
2018-07-08 15:31:18 -07:00
Mark Otto
5ad1049622 Merge branch 'v4-dev' of https://github.com/malkomich/bootstrap into malkomich-v4-dev 2018-07-07 16:16:43 -07:00
Mark Otto
d78aac01d6
Update box-shadows on .custom-select (#26754)
- Fixes #25656 where custom selects had the wrong focus shadow
- Fixes #26668 where custom selects had no inset shadow (also closes #26572 which had the wrong form classes on the first example anyway)
2018-06-24 13:07:49 -07:00
Martijn Cuppens
ffd31f9b8c Stricter stylelint rules 2018-06-02 13:29:44 +03:00
ysds
2ea0a9bba9 Add disabled bg color to disabled custom file 2018-05-23 01:43:53 +03:00
Martijn Cuppens
4dd65f0b38 Custom forms transition 2018-05-23 01:38:12 +03:00
Mark Otto
139e89235f Simplify custom file inner height for generated browse button 2018-04-29 17:02:38 -07:00
Varunram Ganesh
871e0838a4 [trivial] Correct typos (#26297) 2018-04-14 08:41:18 +01:00
Patrick Yeo
4f35e53216 Pagination move .page-link:focus outline value to variable $pagination-focus-outline so we can unset it via Sass and don't have to re-implement browser defaults 2018-04-01 18:16:49 -07:00
Martijn Cuppens
a55d1b27c5 Allow non-string content as breadcrumb divider (#25581)
* Allow url(), attr(), none,... as breadcrumb divider
* Update breadcrumb divider docs
2018-04-01 18:15:57 -07:00
Mark Otto
dd7ed79856
Add box-shadow utilities (#25758) 2018-03-31 22:07:48 -07:00
Jacob Müller
27f553c965 Replace "loose" HEX values with their respective variables (#25672) 2018-03-12 19:19:37 +02:00
Alexander Hjorth
6d7d91ef3b Allow customization of breadcrumb border radius (#25807) 2018-03-12 18:55:47 +02:00
Catalin Zalog
2ccb5492a7 style: align some vars (#25785) 2018-03-08 14:28:32 +02:00
Adam Kolinski
49d0a4e99c Adding a variable to handle the change of a modals border-radius. (#25691) 2018-03-03 13:06:54 -08:00
Mark Otto
99379f3843 make it a var 2018-02-19 18:15:44 -08:00
ysds
33f3ba33c2 Add color variable for caption (#25657) 2018-02-19 14:42:54 -08:00
Mark Otto
470b4472c6
Custom range input (#25600)
* added the styling

* added the documentation

* update for one rule per line

* fix hound error: trailing whitespace

* trimmed off vendor prefixes

* Add note about track and thumb

* Psuedo-elements must be split across multiple rulesets to have an affect

* Fix firefox inner focus

* Seems that FF is the only one affected by this

* Add support for gradients

* Add labels, clarify min/max changes

* add step example

* add custom range vars
2018-02-19 14:40:59 -08:00
Martijn Cuppens
3dd0bde664 Fix carousel transition duration (#25218) 2018-02-19 10:10:25 +01:00
m5o
f81f419b22 set color to form-control-plaintext (#25565)
* set color to `.form-control-plaintext`
* fixes readability on dark themes like ‘darkly’
  * https://bootswatch.com/darkly/index.html#forms
  * https://bootswatch.com/slate/index.html#forms
  * https://bootswatch.com/superhero/index.html#superhero
  * https://bootswatch.com/solar/index.html#forms

/cc @thomaspark
2018-02-11 14:25:36 -08:00
m5o
37ed1d0829 use $input-bg for $custom-select-bg (#25564)
* use $input-bg for $custom-select-bg
2018-02-11 14:24:18 -08:00
Andres Galante
49954d5e6c Create a variable for label margin bottom (#25561) 2018-02-11 02:21:42 +02:00
Taufek Johar
2b42ef0db2 Add CSS Utility for auto width and height Properties (#24249)
Currently bootstrap only provides 4 variations of `width` and `height` css utilities, which are:

1. 25%
2. 50%
3. 75%
4. 100%.

Here, I'm adding `auto` to the list. This is useful when we need to reset the width/height value
back to the browser default value at some point.
2018-01-21 12:28:22 -08:00
Andrew Luca
2b8b062540 Allow to change .table-striped odd or even (#25333) 2018-01-19 19:34:49 +02:00
Andrew Luca
4c96f58e31 Fix input height border (#25331)
When changing `$input-border-width`, `$input-height-border` does not change and `select.form-control` `custom-select` `custom-file` will still have `$input-height` which is resolved from `$input-btn-border-width`

This will work in cases when want controls with border, and buttons without.

Temporary fix will be to override 2 variables

```
$input-border-width: 2px !default;

// which is
// $input-height-border: $input-btn-border-width * 2 !default;
$input-height-border: $input-border-width * 2 !default;
```
2018-01-18 01:30:42 +02:00
Andrew Luca
814e5b7f57 Extend spacers and sizes (#25101) 2018-01-15 22:01:32 -08:00
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
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
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
Mark Otto
ed1de86794 Update spacer utilities (#22123)
* Drop -x and -y as they're all the same
- Also move -width to elsewhere in the vars because it makes no sense by spacers.
- Update values of -x and -y across main Sass and docs Sass.
* Update docs to reflect changes; link to spacing utils from options page
2017-03-05 12:20:44 -08:00
Catalin Zalog
70a57902ce Change sticky order (#22027)
Based on this pen: http://codepen.io/zalog/pen/jyoyoR
2017-03-03 13:02:17 -08:00
Sean Beyer
e02597519a Remove 'hover' from nav-tabs-active-link-hover-color et al (#22087)
* Remove 'hover' from variable names
* Fix indentation in variables
2017-03-03 11:15:41 -08:00
Mark Otto
09c7b1c582 Fixes #21908 2017-02-04 15:55:37 -08:00
Juan Carlos González Cabrero
a8b00ddc12 Reduce the width to prevent the modal fills the screen width 2017-01-28 18:26:55 +01:00
Juan Carlos González Cabrero
95dffb3279 Add new extra large size for modal containers 2017-01-28 18:26:55 +01:00
Geremia Taglialatela
b509dbe75b Pixel perfect navbar toggler (#21821)
The actual available size of the navbar toggler icon is 30px, but the
SVG uses a 32 unit grid. This commit uses a 30 unit grid and updates
icon accordingly.
2017-01-24 00:00:18 -08:00
Pierre-Denis Vanduynslager
d6a5439a8c Remove list-group-item-heading and list-group-item-text (#21653) 2017-01-15 21:36:15 -08:00
Pierre-Denis Vanduynslager
a3bc607c10 Remove unused scss variables (#21579)
* Remove unused scss variables

* Remove unnecessary space

* Remove $zindex-navbar from docs

* Re-add $progress-box-shadow
2017-01-15 21:35:18 -08:00
Mark Otto
0ffd369afd clarify usage of base font-size so we know what's up 2017-01-03 19:32:57 -08:00
Mark Otto
bd38a2a218 Remove -size-root so we can respect user prefs on browser default font-size 2017-01-03 19:32:57 -08:00
Quy
2ea7e388e7 Drop .carete (#21525) 2017-01-03 19:31:27 -08:00
Mark Otto
20b05e42e3 update rest of docs, remove navbar specific modifiers, fix docs example css 2017-01-02 11:48:51 -08:00
Mark Otto
c386c5f5cb Remove .navbar-divider; it's undocumented and wasn't updated with the flexbox navbar updates, so it's kinda bunk right now 2017-01-02 11:12:24 -08:00
Mark Otto
48f452b000 fixes #21511: set line-height to 1.1 for display headings
- had to rearrange vars to re-use heading line-height
- align values while we're at it
2017-01-02 11:03:25 -08:00
Mark Otto
a0141aa38e Rewrite progress component without <progress> element
- <progress> element didn't allow animation, labels overlaid, multiple bars, etc.

- Revamps CSS to use something more similar to v3's implementation

- Ditches variant mixin for `bg-` utils

- Rebuilds docs to match, including adding a new Height section for customizing that.

Only potential remaining todo is adding `.sr-only` instances to within the bar. Unsure if that's necessary.
2016-12-30 22:46:00 -08:00
Mark Otto
f228802fd0 Revamp list group states and docs to match
- Overhauls the states, including the link/button variants, for list groups to better match how we handle .btn states.
- Moved the .list-group-item-action styles before the .list-group-item so that we don't have to do as much overriding.
- Removed the plain-hover-focus mixins from the disabled and active states since they're unnecessary.
- Added support for :active states on the .list-group-item-action variant (for the current click state).
- Removed the heading and text classes and variables since we can accomplish the same thing with utilities.
- Added support for :disabled on the .list-group-item-action as well since we can use those with button elements.
- Rearranged docs to reflect all the above changes.
- Reformatted some Sass variables.
2016-12-28 15:13:43 -08:00
Mark Otto
d6fa9f5a6c Remove plain-hover-focus mixins from navs
- No need to set hover and focus on disabled or active elements. Disabled has no interactivity and active will inherit the focus.
- Also removes two now unused vars.
2016-12-28 15:13:43 -08:00
Mark Otto
b449e6b65e create a variable for the focus box-shadow, use it in the button base class
also be sure to apply it for the active state when shadows are enabled
2016-12-28 15:12:04 -08:00
Quy
d02b558a5a Rip number 2016-12-28 12:56:15 -08:00
Mark Otto
4ba5bfb7cb add some vars 2016-12-27 14:17:11 -08:00
Mark Otto
8c90008098 Fixes #20586
Use pixels instead of rem units for focus box-shadow on custom controls so that IE11, Edge, and Win FF screw it up less
2016-12-25 15:48:44 -08:00
Starsam80
c2e5eb1542 Use variables for the width/height classes 2016-12-25 15:32:34 -08:00
Mark Otto
c214aa32d0 darker border on modal header 2016-12-25 15:28:44 -08:00
Mark Otto
d5784d811b rip numbers 2016-12-24 14:21:04 -08:00
Quy
78ee9f3c3e Update toc numbering (#21422) 2016-12-24 14:21:04 -08:00
Mark Otto
991f2468d0 remove unused media vars, update numbers (oof) /cc @Quy 2016-12-24 14:21:04 -08:00
Mark Otto
66c87cb7ca Undo #21171 (which closed #20977)
Turns out we did have the correct height calculation with our custom selects. The problem was we lacked a shared line-height with our buttons and inputs.

This restores the previous `calc` math and adds a line-height that reuses the input line-height.
2016-12-24 14:21:04 -08:00
Quy
615072e4c9 Rename Tags to Badges in comments 2016-12-22 21:28:43 -08:00
Mark Otto
94bd6b76be Merge branch 'flex-cards' into v4-dev 2016-12-22 21:27:54 -08:00
Jacob Müller
1712484727 Add color variables for white and black (#21397)
* Add color variables for white and black

Closes #21395.
2016-12-22 19:09:11 -08:00
Mark Otto
b3d8426ffe move to grid gutter width, fixes #21300 2016-12-22 18:55:21 -08:00
Mark Otto
cd2584870e add card column margin variable instead of relying on a default card margin
this assumes no margin on the .card to start (which will follow in a later commit)
2016-12-22 16:39:11 -08:00
Mark Otto
246151aa12 add card column count variable 2016-12-22 16:38:22 -08:00
Mark Otto
5f40770d19 Rename card column gap variable 2016-12-22 16:38:09 -08:00
Mark Otto
1706f494f0 flexbox powered indicators
This revamps the indicators to use flexbox instead of inline-block for added flexbility (hah). Indicators now automatically scale based on the number of elements present, and max out at the `$carousel-indicator-width` instead of always being that wide.
2016-12-22 14:58:40 -08:00
Mark Otto
8d9d84784a Redo navbar-toggler
- Require inner element for the icon for improved customization (e.g., drop the element to replace it with your own icon font or SVG)
- Tighten up padding
- Better comments
2016-12-22 13:48:07 -08:00
Mark Otto
80674b0c58 fixes #18115: move forward with one naming scheme for inversed color schemes, renaming .navbar-dark to .navbar-inverse (matching .card-inverse in the process and restoring v3's inverted class name) 2016-12-22 13:48:07 -08:00
Mark Otto
eb2e1102be Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)
* remove the $enable-flex variable option

* remove bootstrap-flex.css dist file and it's grunt task

* remove the separate flex css file for docs; it's all the same now

* remove flexbox docs (porting some to the main grid docs in next commit)

* clean up few grid docs bits to simplify copy, start to mention flexbox

* port relevant flexbox-grid.md content to grid.md

- clean up mixins
- update how it works section
- bring over sizing and alignment sections

* remove the $enable-flex from the options.md page

* update lead paragraph to mention flexbox

* update migration to mention loss of ie9 support

* remove mention of flexbox dist file

* clarify IE support

* making a note

* remove flexbox variant mentions from component docs

- updates docs for media object, navs, list group, and cards to consolidate docs
- no more need to callout flexbox variants since it's now the default

* remove $enable-flex if/else from sass files

* remove flex dist files

* update scss lint property order to account for flex properties

* linting

* change to numberless classes for autosizing, wrap in highlighting div

* bump gruntfile and postcss to ie10

* redo intro sections

* rearrange

* phew, redo hella grid docs

- rearrange all the things
- consolidate some bits

* remove reference to flexbox mode

* more border action for demo

* Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-12-21 20:26:17 -08:00
Mark Otto
f464a5b214 Redo color vars
This pulls in some changes from #18462 to include a set of generic color variables. It doesn't include a Sass map for generating the theme colors yet, since we can't easily do that for all components, but does give a few more color choices to folks and an easier way to customize.
2016-12-20 23:24:24 -08:00
Mark Otto
37de11e386 Rename -bg-inverse to -inverse-bg; add -inverse-color (#21371) 2016-12-19 21:50:31 -08:00
Mark Otto
50d5f60696 Merge branch 'progress-brand' of https://github.com/szastupov/bootstrap into szastupov-progress-brand 2016-12-19 21:06:27 -08:00
Mark Otto
be4fc23fdb Merge branch '14840-consistent-colors' of https://github.com/Kovah/bootstrap into Kovah-14840-consistent-colors 2016-12-19 20:54:41 -08:00
Tom Lutzenberger
e1653edb95 Add variables for transitions (#21345)
* Add variables for transitions

* Add variables for transitions
2016-12-19 20:33:17 -08:00
Bardi Harborow
da18d07d8e Add 'system-ui' to font stack. 2016-12-19 20:29:44 -08:00
Stepan Zastupov
7800b3d97c Use brand color for progress bar 2016-12-20 00:58:37 +03:00
Mark Otto
7c3bda24f0 simplify svg by only using viewbox 2016-12-04 22:06:29 -08:00
Mark Otto
89f5e65cfb drop the fixed width of the indicators. instead use the carousel-control width as margins to ensure content doesn't overlap 2016-12-04 22:05:05 -08:00
Mark Otto
1980854c14 rename var 2016-12-04 22:01:31 -08:00
Mark Otto
410bf38a4f there's no font, so rip that var 2016-12-04 21:55:46 -08:00
Mark Otto
875c24395c remove unused vars 2016-12-04 21:55:24 -08:00
Mark Otto
1abe4c83a8 redo control icons to use open iconic svgs inlined 2016-12-04 21:54:45 -08:00
Mark Otto
1e3ec89355 Merge branch 'v4-dev' into carousel 2016-12-04 21:05:19 -08:00
Mark Otto
6782dd6e92 nuke the text-shadow 2016-12-04 20:37:30 -08:00
Mark Otto
6d28f07582 redesign indicators 2016-12-04 20:14:33 -08:00
Florian Schlittenbauer
959c4e527c Fix incorrect select height calculation (#21171) 2016-11-28 13:33:11 -08:00
Mark Otto
35133f86c8 Follow up to #21052 to match small pagination links with small buttons 2016-11-27 23:39:46 -08:00
Stefan Staynov
0051be1657 Set line-height for page-links (#21052) 2016-11-27 23:37:36 -08:00
Cyril Kyburz
f995a8be1e Add alert-margin-bottom variable (#21064) 2016-11-27 23:21:09 -08:00
Mark Otto
8cd29af7ee Merge pull request #21203 from twbs/conditional-transition-animations
Wrap .fade and .collapsing transition properties in $enable-transitions
2016-11-26 01:27:54 -08:00
Mark Otto
abbc2b7c93 Merge branch 'v4-dev' into modal-sizes 2016-11-26 01:04:51 -08:00
Mark Otto
d82d04fd6d decrease size of modal-md and modal-lg to ensure fitting in responsive layouts 2016-11-26 00:47:33 -08:00
Mark Otto
cc737d6faf change instances of hardcoded lightest gray to sass variable -lightest 2016-11-26 00:23:49 -08:00
Mark Otto
559902ad54 change uses of #f5f5f5 to -lightest 2016-11-26 00:22:49 -08:00
Mark Otto
3154c0585a re-enable transitions (which according to the options.md doc is the default) 2016-11-25 22:08:51 -08:00
Mark Otto
76907b8b1e v4: Miscellaneous color changes (#21199)
* Darken dismiss icon opacity
* Darken text on active list group items
* Darken light gray for accessibility/contrast, then update gray and dark gray to match
2016-11-25 16:03:13 -08:00
Mark Otto
4332a5cc02 Merge pull request #21068 from twbs/list-group-border-color
switch to rgba for list-group border color
2016-11-23 11:45:11 -08:00
Elliot Evans
7f05cb9e94 renamed modal-title-padding to modal-header-padding 2016-11-10 22:37:20 +00:00
Mark Otto
f734814f6b Make spacer utils responsive (#20926)
* make spacer utils responsive by grid tier
* update scale to add two levels, document them
* change responsive spacing utils to avoid the xs abbreviation in the class name for that tier
* update code snippet to match source
* update usage in our docs
* linter
* docs updates
2016-10-31 21:13:05 -07:00
Alberto Roura
5616e62093 Use variable names for form focus borders (#21050) 2016-10-31 09:12:00 -07:00
Mark Otto
864343a3cc Merge branch 'v4-dev' of https://github.com/HMUDesign/bootstrap into HMUDesign-v4-dev 2016-10-30 13:38:44 -07:00