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

590 Commits

Author SHA1 Message Date
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
Mark Otto
ccb5248205 Merge branch 'issue19217' of https://github.com/alberto/bootstrap into alberto-issue19217 2016-10-27 22:28:24 -07:00
Mark Otto
1e06ae1bfe switch to rgba for list-group border color
matches the card border-color, fixes #20129
2016-10-27 21:29:09 -07:00
Mark Otto
61b01f9b28 Merge branch 'patch-1' of https://github.com/tomhorvat/bootstrap into tomhorvat-patch-1 2016-10-27 20:02:59 -07:00
Mark Otto
115a37db1a Change variable for modal backdrop zindex, rearrange to be ordered from lowest to highest 2016-10-27 09:31:38 -07:00
Mark Otto
52c84a1cb6 Merge pull request #20938 from JPeer264/feature/sass-doc
Docs: Sass Variables Table of Contents
2016-10-26 21:20:25 -07:00
Mark Otto
d9fa3fd797 Rename .tag to .badge to avoid conflicting with WordPress 2016-10-26 18:33:58 -07:00
Mark Otto
2eaef44edd Merge pull request #20951 from sbaechler/font-weights
Use a variable for the default font weights. Fixes #20741
2016-10-25 19:55:34 -07:00
tomhorvat
e5bb0c40f4 Body font weight variable 2016-10-25 15:05:51 +02:00
Patrick H. Lauke
f93df8dccd Merge pull request #20962 from patrickhlauke/v4-fix-unescaped-hash-data-urls
Fix unescaped `#` in SVG data URLs
2016-10-25 12:31:29 +02:00
Patrick H. Lauke
85531fd9fb replace # with %23 in SVG data urls with str-replace 2016-10-20 18:27:11 +01:00
Patrick H. Lauke
b2fe9743cc Add str-replace Sass function 2016-10-20 18:26:36 +01:00
béla
dd1b9eeef8 duplicate navbar-toggler-padding variables 2016-10-20 11:31:30 +02:00
Simon Bächler
8402d2321f Use a variable for the default font weights. Fixes #20741
Websites might use different weights such as medium or thin or use light as default weight instead of normal.
Also referenced: #18605 and #16170.
2016-10-19 21:41:27 +02:00
JPeer264
088b164a23 updated sass variables table of contents 2016-10-19 10:17:55 +02:00
Mark Otto
028dd6bd48 Merge pull request #19890 from twbs/v4-navbars
v4: Navbar improvements
2016-10-19 00:59:51 -07:00
Mark Otto
6321f9342e Switch to separate vars for alert vertical/horizontal padding 2016-10-18 19:18:06 -07:00
Mark Otto
e24f406ce1 set the border color on the toggler 2016-10-17 21:05:22 -07:00
Mark Otto
247ad23e97 Merge branch 'v4-navbars' of github.com:twbs/bootstrap into v4-navbars 2016-10-16 19:46:55 -07:00
Mark Otto
b4cdccba84 Merge branch 'v4-dev' into v4-navbars 2016-10-16 19:46:47 -07:00
Mark Otto
227f066650 Revert "Drop the $small-font-size variable for the newer $font-size-sm one" 2016-10-16 18:49:55 -07:00
Mark Otto
41518d0e32 Interpolate the variable so it passes the color properly 2016-10-09 16:38:28 -07:00
Mark Otto
7dee5560a1 Merge branch 'v4-dev' into v4-navbars 2016-10-09 15:04:32 -07:00
Mark Otto
3b13f81126 Merge pull request #20867 from twbs/dedupe-sm-vars
Drop the $small-font-size variable for the newer $font-size-sm one
2016-10-09 15:00:11 -07:00
Mark Otto
0ba0f19003 Change 940px breakpoint to 960px so that all widths are divisible by 12
Fixes #18510
2016-10-09 13:49:11 -07:00
Mark Otto
0d27e12d1f Change sm grid breakpoint and container max-width
Makes it so that the container is no longer wider than the breakpoint used in the media query. This was never really an issue in rendering as the max-width handled it appropriately, but the mismatch was still incorrect.

Fixes #18054
2016-10-09 13:17:50 -07:00
Mark Otto
8f6a47303a Drop the -font-size variable for the newer -size-sm one
Originally -font-size was added in v3 to set the font-size of the <small> element. Now that we have newer, global type variables, we can use those instead for these kind of things.

Fixes #20859
2016-10-09 12:45:58 -07:00
Mark Otto
1db3586dc0 Merge branch 'v4-dev' into v4-navbars 2016-10-02 19:26:29 -07:00
Mark Otto
49153ecf4f Merge branch 'customizable-grid-gutters-per-breakpoint' of https://github.com/pixelbandito/bootstrap into pixelbandito-customizable-grid-gutters-per-breakpoint 2016-10-02 19:10:25 -07:00
Mark Otto
d051ef5e61 Fixes #20118: Add and use Sass variables to control the color of our embedded SVGs for custom form elements (#20700) 2016-10-02 18:27:03 -07:00
Mark Otto
a75330ca96 v4: Dropdown units (#20701)
* Fixes #19784: Move from pixels to rems, add a margin-bottom: 0; to keep things aligned

* lintiong
2016-10-02 18:25:51 -07:00
Mark Otto
39a10e461e Fixes #20543: Significantly darken the links in default navbars 2016-09-15 10:29:52 -07:00
Mark Otto
64dcb8b507 Merge branch 'v4-dev' into v4-navbars 2016-09-15 10:20:57 -07:00
Kovah
0ef64d89f7 Add breakpoint-specific gutters. 2016-09-13 23:02:56 -05:00
NicoLB
659809db15 .form-control:focus customization (#20436)
* Allow variables input-bg-focus and input-color-focus to be overridden.
* More consistency and control to customize shadows on .form-control:focus
2016-09-11 22:32:33 -07:00
Mark Otto
d62c3e3f80 Swap for custom svg background that we can embed to set the color of the stroke via Sass variable 2016-09-11 22:25:42 -07:00
Kovah
b5f3c6a8d4 #14840 - Use color variables consistently
Replaces some raw colors with the appropriate color variables
Example: #eee will be replaced by $gray-lighter (#eceeef)
2016-09-08 13:57:57 +02:00
Mark Otto
ed0f097cb8 Follow up fix for #20667 (#20672)
Use proper Sass variable interpolation to ensure the proper values are compiled and not the literal string of the variable name
2016-09-07 21:25:14 -07:00
Mark Otto
07752bab7b v4: Card image fixes (#20667)
* Add .img-fluid to card images in columns to ensure proper resizing
* change that variable from regular value to variable
* use calc to figure out a tighter border for card images
2016-09-07 20:40:12 -07:00
Mark Otto
910f3ec498 fixes #20485: use rem units in alert dismiss (#20625) 2016-09-04 17:41:38 -07:00
Mark Otto
0a31dacf3e Simplify system font stack to remove Linux fonts as they're too varied for our purposes 2016-07-25 12:34:00 -07:00
Mark Otto
7fd00263e3 Merge branch 'v4-dev' into v4-navbars 2016-07-23 21:05:18 -07:00
Chris Rebert
b17008c771 Add comparability guard to _assert-ascending(); fixes #20123 (#20142)
[skip sauce]
[skip validator]
2016-06-19 22:23:16 -07:00
Mark Otto
5a5ca44a3b follow up to c6c0522598: define those new vars 2016-05-14 12:46:06 -07:00
Mark Otto
c6c0522598 more navbar variables 2016-05-13 08:15:48 -07:00
Mark Otto
745e37a325 correction, -toggler-* 2016-05-12 21:50:17 -07:00
Mark Otto
906357b75f new var for -toggle-border-radius 2016-05-12 21:49:56 -07:00
Mark Otto
3021c241cc add new variable for -toggle-font-size 2016-05-12 21:49:03 -07:00
Mark Otto
df6facf66e Alternate fix to #19006: Add a single variable for controlling that inner 1px padding on .popover 2016-05-12 11:12:22 -07:00
Mark Otto
64e7230d33 Fixes #19563: Add variable for setting background-color on .bg-inverse 2016-05-11 23:26:39 -07:00
Mark Otto
d74a897f55 Overhaul tables docs and use rgba() colors for inverse tables
- Add inverse examples for all variants
- Use rgba() colors for hover and accent states for easy usage in inverse styles
2016-05-11 16:28:28 -07:00
Mark Otto
fda92d02a3 Unfuck those split button dropdowns
- Really we didn't need to do any of that strip units stuff to generate six new variables, two for each button size
- Using sibling selectors, we can target those split button dropdown toggles using the .dropdown-toggle-split class, and adjust padding and margin as needed
- Now, we nuke the margin-left from the ::after generated caret and tighten up the padding so that those split toggles don't look huge next to their main button
2016-05-11 11:36:09 -07:00
Mark Otto
b280e36b78 Merge branch 'v4-dev' into v4-split-buttons 2016-05-11 11:07:06 -07:00
Mark Otto
3daeb58ac3 Merge branch 'add-input-focus-variables' of https://github.com/kevinkucharczyk/bootstrap into kevinkucharczyk-add-input-focus-variables 2016-05-09 10:17:27 -07:00
Mark Otto
6b33c08310 Merge pull request #19667 from vsn4ik/v4-dev-use-border-radius-mixin
Use @border-radius and add $nav-tabs-border-radius variable
2016-05-09 09:56:28 -07:00
Mark Otto
399fdb8ebe Merge pull request #19735 from MatthewRayfield/v4-custom-select-disabled-styling
Add disabled styling for .custom-select
2016-05-08 14:20:54 -07:00
Mark Otto
017258d1dc Merge pull request #19252 from twbs/card-img-overlay-padding
Add $card-img-overlay-padding variable
2016-05-08 13:36:13 -07:00
Mark Otto
d6412cddc8 Merge pull request #19236 from twbs/carousel-icon-width
Extract $carousel-icon-width variable
2016-05-08 13:33:05 -07:00
Christopher Baker
84f801833d add $inverse-bg and $inverse-color 2016-04-27 19:37:44 -07:00
Christopher Baker
bae54aa8fc remove references to -* outside _variables.scss 2016-04-17 18:56:09 -07:00
Matthew Rayfield
b21750cbb7 Add disabled styling for .custom-select 2016-04-14 13:37:14 -04:00
vsn4ik
fdf92b1528 Use @border-radius and add $nav-tabs-border-radius variable 2016-04-03 01:47:12 +03:00
Kevin P. Kucharczyk
585e5e9adf Add $input-bg-focus and $input-color-focus variables 2016-03-02 17:41:20 +01:00
alberto
79628b30fc @warn if minimum width of smallest breakpoint != 0
Fixes #19217
2016-02-24 22:16:01 +01:00
Tobias
bf73425277 Document the possibility of extending the $spacers map
It's very handy to add another spacer size (e.g. `4`) which can easily be done by extending the map.
Example:
```
$spacers: (
  0: (
    x:   0,
    y:   0
  ),
  1: (
    x:   $spacer-x,
    y:   $spacer-y
  ),
  2: (
    x:   ($spacer-x * 1.5),
    y:   ($spacer-y * 1.5)
  ),
  3: (
    x:   ($spacer-x * 3),
    y:   ($spacer-y * 3)
  ),
  4: (
    x:   ($spacer-x * 5),
    y:   ($spacer-y * 5)
  )
);
```

Closes #18706
[skip sauce]
2016-02-18 18:18:47 -08:00
Chris Rebert
105bfbc5f9 Extract $carousel-indicators-width variable
[skip sauce]
[skip validator]
2016-02-17 21:10:20 -08:00
Chris Rebert
1f5621f46e Extract $dropdown-padding-y variable
[skip sauce]
[skip validator]
2016-02-17 21:07:12 -08:00
Chris Rebert
322f3bbe6b Extract $list-group-item-heading-margin-bottom variable
[skip sauce]
[skip validator]
2016-02-17 21:04:06 -08:00
Mark Otto
bfe20c2971 Merge pull request #19242 from twbs/carousel-caption-width
Extract $carousel-caption-width variable
2016-02-17 08:55:16 -08:00
Mark Otto
13c8ecd893 Merge pull request #19239 from twbs/dropdown-margin-top
Extract $dropdown-margin-top variable
2016-02-17 08:54:47 -08:00
Mark Otto
48a338c27c Merge pull request #19237 from twbs/carousel-indicator-size
Extract $carousel-indicator{-active}-size variables
2016-02-17 08:54:25 -08:00
Chris Rebert
3af2ed9438 Add $card-img-overlay-padding variable
[skip sauce]
[skip variable]
2016-02-16 23:25:18 -08:00
Chris Rebert
38c3e6e4d1 Extract $navbar-brand-padding-y variable
[skip sauce]
[skip validator]
2016-02-16 23:11:25 -08:00
Chris Rebert
845ad69f93 Merge pull request #19250 from twbs/list-group-item-padding
Add $list-group-item-padding-{x,y} variables
2016-02-16 23:08:41 -08:00
Chris Rebert
aa7c5f93ce Add $card-columns-sm-up-column-gap variable
[skip sauce]
[skip validator]
2016-02-16 23:00:58 -08:00
Chris Rebert
1f02ab21ee Add $list-group-item-padding-{x,y} variables
[skip sauce]
[skip validator]
2016-02-16 22:57:10 -08:00
Chris Rebert
67ecc8ca98 Extract $code-padding-{x,y} variables
[skip sauce]
[skip validator]
2016-02-16 22:45:26 -08:00
Chris Rebert
881e51d4a7 Merge pull request #19246 from twbs/code-font-size
Extract $code-font-size variable
2016-02-16 22:41:55 -08:00
Chris Rebert
9fdae5f391 Extract $code-font-size variable
[skip sauce]
[skip validator]
2016-02-16 22:37:00 -08:00
Chris Rebert
3a4dbd9b3a Add $figure-caption-font-size variable
[skip sauce]
[skip validator]
2016-02-16 22:31:40 -08:00
Chris Rebert
cbdb043ee3 Extract $carousel-caption{-sm-up}-width variables
[skip sauce]
[skip validator]
2016-02-16 21:45:16 -08:00
Chris Rebert
1046e27dd3 Extract $dropdown-item-padding-x variable
[skip sauce]
[skip validator]
2016-02-16 21:16:55 -08:00
Chris Rebert
dcb29fc814 Extract $dropdown-margin-top variable
[skip sauce]
[skip validator]
2016-02-16 21:13:15 -08:00
Chris Rebert
104ace17cb Extract $carousel-indicator{-active}-size variables
[skip sauce]
[skip validator]
2016-02-16 21:00:10 -08:00
Chris Rebert
9f85c6e1d1 Extract $carousel-control-sm-up-size variable
[skip sauce]
[skip validator]
2016-02-16 20:50:48 -08:00
Chris Rebert
3003f530c9 Extract $carousel-icon-width variable
[skip sauce]
[skip validator]
2016-02-16 20:46:52 -08:00
Mark Otto
d6207d852a Merge branch 'fix-19094' of https://github.com/ameya-pandilwar/bootstrap into ameya-pandilwar-fix-19094 2016-02-16 20:28:51 -08:00
Mark Otto
e194db05c8 Merge branch 'v4-dev' into mark-padding 2016-02-16 20:25:40 -08:00
Mark Otto
853921df32 Merge pull request #19210 from twbs/small-font-size
Add $small-font-size variable
2016-02-16 20:23:54 -08:00
Mark Otto
6636e979d9 Merge pull request #19211 from twbs/mark-bg-var
Add $mark-bg so <mark>'s background-color can be customized independently of $state-warning-bg
2016-02-16 20:23:41 -08:00
Mark Otto
57a310c3d3 Merge pull request #19214 from twbs/label-font-size
Add $label-font-size variable in the name of not hardcoding values
2016-02-16 20:23:22 -08:00
Mark Otto
ca77f52875 Merge pull request #19215 from twbs/label-pill-border-radius
Add $label-pill-border-radius variable
2016-02-16 20:23:03 -08:00
Mark Otto
60f83096f1 Merge pull request #19218 from twbs/breakpoint-vars-are-minimums
Clarify that $grid-breakpoints are minimum widths for each breakpoint
2016-02-16 20:22:43 -08:00
Chris Rebert
ea1fa05285 Change comment to clarify that $grid-breakpoints are minimum widths for each breakpoint
(as opposed to maximums)

[ci skip]
2016-02-16 01:24:34 -08:00
Chris Rebert
cdc0a7a748 Introduce $mark-bg variable so that <mark>'s background-color can be customized independently of $state-warning-bg
[skip sauce]
[skip validator]
2016-02-16 00:44:55 -08:00
Chris Rebert
4c6946b3a9 Extract $dropdown-min-width variable
[skip sauce]
[skip validator]
2016-02-16 00:42:10 -08:00
Chris Rebert
08d23959ac Add $label-pill-border-radius variable
[skip sauce]
[skip validator]
2016-02-16 00:37:45 -08:00
Chris Rebert
2c034cf542 Add $label-font-size variable in the name of not hardcoding values
[skip sauce]
[skip validator]
2016-02-16 00:27:53 -08:00
Chris Rebert
c80cf45960 Extract $label-pill-padding-x variable
[skip sauce]
[skip validator]
2016-02-16 00:25:18 -08:00
Chris Rebert
1d634a07ce Extract $label-padding-{x,y} variables
[skip sauce]
[skip validator]
2016-02-16 00:18:30 -08:00
Chris Rebert
4278eb57ab Add $small-font-size variable
[skip sauce]
[skip validator]
2016-02-15 23:59:53 -08:00
Chris Rebert
7441beba67 Add $mark-padding variable
[skip sauce]
[skip validator]
2016-02-15 23:55:20 -08:00
Chris Rebert
ef89acb974 Extract $modal-content-border-width variable
[skip sauce]
[skip validator]
2016-02-15 23:45:28 -08:00
Chris Rebert
ece0775bee Extract $modal-{header,footer}-border-width variables
[skip sauce]
[skip validator]
2016-02-15 23:35:57 -08:00
Chris Rebert
e1be284d0c Extract $modal-dialog-sm-up-margin-y variable
[skip sauce]
[skip validator]
2016-02-15 23:24:41 -08:00
Chris Rebert
b35aa23453 Extract new $modal-dialog-margin variable
[skip sauce]
[skip validator]
2016-02-15 23:10:38 -08:00
Ameya Pandilwar
4ed5fa77ff Rename .label class to .tag 2016-02-11 03:54:30 -05:00
Chris Rebert
a1bf344c4f Merge pull request #18925 from twbs/fixes-18922
Make translation of custom file input text easier
2016-02-09 01:38:14 -08:00
Mark Otto
c3e4cbdfb0 Move to a translucent input border with background-clip: padding-box for improved blending across different background-colors 2016-02-08 22:28:11 -08:00
Mark Otto
e455b6b8d2 Merge branch 'v4-dev' into v4-form-sizing 2016-02-07 22:48:26 -08:00
Mark Otto
38c93371c1 updated button/form-control padding and line-height
- Moves from no set line-height (inherited of 1.5) to declared 1.25 for
all inputs and buttons (regardless of size modifier).

- Updates padding to be `.5rem` instead of `.375rem` so that padding is
more likely to be whole numbers based on the root font-size.

- Whole numbers will be beneficial in avoiding odd fractional pixels
that can lead to misalignment as shown in #18607.

- Large buttons and inputs are now a tad wider, and smaller
buttons/inputs a tad shorter and narrower, too.
2016-02-07 22:46:50 -08:00
Chris Rebert
35617a4b22 Assert that $grid-breakpoints and $container-max-widths are in ascending order; fixes #18549
[skip sauce]
2016-02-07 02:53:37 -08:00
Chris Rebert
ecdfc71d1f Add $enable-print-styles variable for _print.scss; fixes #19101
[skip sauce]
2016-02-06 21:35:19 -08:00
Mark Otto
d7d0e186bd Merge branch 'v4-dev' into v4-split-buttons 2016-02-06 20:33:26 -08:00
Mark Otto
9ca44d29f5 Follow up to #19099: Correct grid gutter value 2016-02-06 20:12:55 -08:00
Mark Otto
11606d391e update to latest from @thekondrashov's jsfiddle 2016-02-06 18:05:07 -08:00
Mark Otto
198e34a096 Merge branch 'patch-1' of https://github.com/thekondrashov/bootstrap into thekondrashov-patch-1 2016-02-06 17:00:57 -08:00
Mark Otto
fffaaed0fd Merge branch 'v4-dev' into v4-grid-redux 2016-02-06 15:09:32 -08:00
Mark Otto
9c69f6f5c5 Merge branch 'v4-dev' into v4-font-stack 2016-02-06 15:01:44 -08:00
Mark Otto
cd3af1fa1a Update to drop Open Sans, add Fira and Droid Sans 2016-02-06 13:23:00 -08:00
Mark Otto
414ae3aa1a use px in grid col padding since we're using px everywhere else for them 2016-02-06 13:01:52 -08:00
Mark Otto
d5e474b4ab linter 2016-02-06 12:29:53 -08:00
Mark Otto
73e5e89e0e Switch to native font stack 2016-02-05 23:01:59 -08:00
Mark Otto
b75116c679 Merge branch 'v4-card-fuckery' into v4-dev 2016-02-03 20:53:30 -08:00
Mark Otto
ba37c37615 Redo line-height globally
- Rename -height to -height-base to match other vars
- Drop use of -height across the board and rely on it to be inherited
- Adjust padding of .dropdown-header to account for different line-height of h6 heading element (this needs refactoring for variables and rems also)
2016-02-03 19:45:13 -08:00
Mark Otto
e672c15b6d Merge pull request #19002 from twbs/blockquote-border-width
Add $blockquote-border-width variable
2016-01-23 20:42:23 -08:00
Chris Rebert
8b67d4c762 Make translation of custom file input text easier; fixes #18922
[skip sauce]
2016-01-17 20:53:11 -08:00
Mark Otto
955e0405ea fuck around with card borders and more 2016-01-17 18:55:24 -08:00
Mark Otto
776337924e Merge pull request #18920 from twbs/v4-custom-forms-vars
v4: Custom forms variables
2016-01-17 17:54:45 -08:00
Mark Otto
3a2f0456bf Merge pull request #18883 from twbs/zindex-dropdown-backdrop
Use proper variable for .dropdown-backdrop's z-index
2016-01-17 15:25:58 -08:00
Mark Otto
5c12d5e469 add custom file vars, fix up custom select var 2016-01-17 15:21:16 -08:00
Mark Otto
6b318ef176 Hella vars for custom checkboxes and radios and selects 2016-01-16 22:29:51 -08:00
Chris Rebert
802c1cb5fc Extract variables for .modal-content box-shadow
[skip sauce]
[skip validator]
2016-01-16 20:25:00 -08:00
Chris Rebert
bbd449994a Extract $thumbnail-box-shadow variable 2016-01-16 20:23:37 -08:00
Chris Rebert
9b2d9f6e04 Extract $popover-box-shadow variable 2016-01-16 20:23:37 -08:00
Chris Rebert
58f7e602ae Extract $dropdown-box-shadow variable 2016-01-16 20:23:37 -08:00
Chris Rebert
a5b41e7254 Extract $btn-box-shadow variable 2016-01-16 20:23:37 -08:00
Chris Rebert
6293dd41cf Extract $kbd-box-shadow variable 2016-01-16 20:23:37 -08:00
Chris Rebert
7be17b4a35 Merge pull request #18821 from twbs/popover-vars
Add variables for padding of popover title & content
2016-01-16 14:08:14 -08:00
Chris Rebert
dda263d9ac Merge pull request #18820 from twbs/media-obj-vars
Add variables for media object margins and padding
2016-01-16 14:07:49 -08:00
Chris Rebert
a22c696485 Extract $blockquote-border-width variable
[skip sauce]
2016-01-14 22:27:08 -08:00
Chris Rebert
27a7fff0fb Use proper variable for .dropdown-backdrop's z-index 2016-01-13 16:21:52 -08:00
Chris Rebert
a4745dd7a1 Use proper units when adding/subtracting lengths
[skip sauce]
[skip validator]
2016-01-13 16:16:43 -08:00
Chris Rebert
ed3551415c Extract $btn-active-box-shadow variable & refactor accordingly
[skip sauce]
[skip validator]
2016-01-09 15:14:36 -08:00
Chris Rebert
46c9f4b143 Add $progress-box-shadow variable
[skip sauce]
[skip validator]
2016-01-09 14:59:08 -08:00
Chris Rebert
c919746a4f Add variables for padding of popover title & content
[skip sauce]
[skip validator]
2016-01-09 14:46:04 -08:00
Chris Rebert
4a667f5bb7 Add variables for media object margins and padding
[skip sauce]
[skip validator]
2016-01-09 14:34:59 -08:00
Chris Rebert
f646ed7920 Merge pull request #18466 from twbs/tooltip-padding-vars
Introduce $tooltip-padding & $tooltip-padding-x vars
2016-01-09 14:28:12 -08:00
Mark Otto
cf7795da93 Add liberation Mono to the font stack for the Linux peeps
Fixes #18609

[skip sauce]
[skip validator]
2016-01-08 23:31:30 -08:00
Mark Otto
f6ad665c26 Switch up some split button stuff
- New vars
- New function for stripping units so we can combine rems and ems in math functions
- Add new classes for sizing and spacing around the split dropdown toggle so that the caret isn't misaligned
2016-01-08 13:23:24 -08:00
Mark Otto
643bd8eaeb Merge pull request #18787 from twbs/btn-vars
Add variables for spacing of .btn-toolbar and split-button dropdown toggles
2016-01-07 00:47:40 -08:00
Mark Otto
7fdd521459 more variables spacing 2016-01-07 00:21:58 -08:00
Mark Otto
de027e637f pointless comments 2016-01-07 00:20:36 -08:00
Mark Otto
b39b8b631b more variables spacing 2016-01-07 00:20:25 -08:00
Mark Otto
ea9967c535 spacing 2016-01-07 00:19:48 -08:00
Chris Rebert
fb71efaeb2 Add variables for spacing of .btn-toolbar and split-button dropdown toggles
[skip sauce]
2016-01-06 16:42:21 -08:00
Mark Otto
fac0c31a27 New $nav-pills-active-link-* variables
- Renames old and unused $nav-pills-active-link-hover-* for
$nav-pills-active-link-* ones
- Puts those vars to use in place of defaults $component-* vars on nav
pills
2016-01-06 15:50:08 -08:00
Mark Otto
774a2ed37e Spacing y'all 2016-01-06 15:47:28 -08:00
Mark Otto
7da2e12852 Regroup nav variables 2016-01-06 15:46:48 -08:00
Mark Otto
93dda63b39 Revamp tabbed nav border variables
- Add new $nav-tabs-border-width for the bottom border on the .nav-tabs
parent class
- Use that new variable for the negative margin on nav-items within it
for consistent customization
- Drop the $nav-tabs-link-border-width for the new variable so it’s all
tied together
2016-01-06 15:45:26 -08:00
Mark Otto
7668a66bbe Add $nav-disabled-link-hover-bg variable 2016-01-06 15:42:32 -08:00