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

551 Commits

Author SHA1 Message Date
k-utsumi
cde53a85d1 🔥 Remove container duplication 2020-06-12 14:29:43 -07:00
Gaël Poupard
32d18d199c
fix(grid): zero min-width on .col has too much side-effects (#30979)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-09 21:49:29 +03:00
Gaël Poupard
92a728eae6
Prevent .row from shrinking in flex container (#30940) 2020-06-08 19:47:43 +02:00
Martijn Cuppens
b531bda07c Improve gradients
- Use a semitransparent gradient from light to dark which works on any background-color
- Store the gradient as a custom property (--bs-gradient)
- Remove `.bg-gradient-*` variants in favour of `.bg-gradient` which works even when `$enable-gradients` are enabled
- Add gradients to navbar, active page links and badges when gradients are enabled
2020-05-15 15:03:12 +03:00
Mark Otto
0408799ae5 Rename variables for brevity
- Rename `$enable-prefers-reduced-motion-media-query` to `$enable-reduced-motion`
- Rename `$enable-pointer-cursor-for-buttons` to `$enable-button-pointers`
2020-04-26 17:26:04 -07:00
Martijn Cuppens
eed27f35cc Add bs prefix 2020-04-24 10:05:10 +02:00
Martijn Cuppens
d089a683c8 Prevent nested tables style leaks 2020-04-24 10:05:10 +02:00
Catalin Zalog
338ca83821
grid: checks for $grid-columns > 0 (#30605)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-18 11:51:50 +02:00
Catalin Zalog
6b5f055a7d
feat: checks for $grid-row-columns (#30606) 2020-04-16 19:15:51 +02:00
Catalin Zalog
3ff3680d4e
feat: removes .form-text display (#30598)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-16 16:38:21 +02:00
Martijn Cuppens
8cdb057111
Add bs- prefixes to custom properties (#30591) 2020-04-15 18:52:16 +02:00
Catalin Zalog
8cb60bf043
Use box-shadow mixin for .btn (#30512)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-11 13:40:39 +02:00
Martijn Cuppens
83b49aa688
Create scss-docs shortcode to get some snippets from the Scs… (#30502)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-06 20:13:35 +02:00
ysds
062002d952 Fix CSS and improve docs 2020-04-01 10:05:43 +03:00
gsoti
e138decdbb Add Full-Screen size to Modal and Responsive variations for breakpoints
(Works from breakpoint and down)
2020-04-01 10:05:43 +03:00
Shohei Yoshida
053d5d5e93
transition() mixin prevent redundant 'transition: none' and pass null (#30391)
* Prevent redundant 'none' for prefers-reduced-motion

* Output warning when use 'none' or 'null' with multiple arguments

* Fix for libsass(node-sass)
2020-04-01 09:42:33 +03:00
Martijn Cuppens
8414126266
Switch to custom properties to control grid gutter widths (#30475) 2020-03-30 15:12:36 +02:00
Gaël Poupard
03908ea37a
Use WCAG contrast algo (#30168) 2020-03-23 18:03:56 +01:00
Martijn Cuppens
2e150e722a Use next dropdown menu instead of first of the parent 2020-03-23 15:35:07 +01:00
Catalin Zalog
52c5b06f1c fix(css): adds a new opacity var
Fixes beeing able to control `.is-valid` & `.is-invalid` input:focus opacity
2020-03-16 08:52:13 +01:00
Martijn Cuppens
fca5e35d13 Add row-cols-auto and responsive variants 2020-03-10 20:30:29 +01:00
Martijn Cuppens
5ac9fe8967 bootstrap-grid.css: Only apply box-sizing: border-box to the columns instead of using the universal selector 2020-03-10 20:30:29 +01:00
Martijn Cuppens
beefc6f530 Bootstrap 5 grid 2020-03-10 20:30:29 +01:00
Shohei Yoshida
8087272f06
Remove unnecessary reduce motion when $enable-transition: false (#30183) 2020-02-17 09:46:53 +02:00
XhmikosR
8d791f2800
Revert "Placeholder for transitions reset to prevent code duplication #29862"
This reverts commit cd7e5d1111.

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-02-15 12:41:33 +01:00
Martijn Cuppens
1d8a3a9597
Add RFS to utility API (#30050) 2020-02-15 12:01:32 +01:00
Gaël Poupard
cd7e5d1111
Placeholder for transitions reset to prevent code duplication… (#29870)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-02-14 20:50:50 +01:00
Shohei Yoshida
a9263e38fd
Avoid border-radius functions return negative values (#30166)
* Avoid border-radius functions return negative values

* Update _border-radius.scss

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-02-14 08:40:07 +02:00
Martijn Cuppens
f54b83073d Shorten if notations so that property order can be applied 2020-02-12 19:45:54 +02:00
Martijn Cuppens
dc64ff3314 Convert background shorthands to separate properties 2020-02-12 19:45:54 +02:00
Martijn Cuppens
980c5fd728 Remove redundant properties & nullify redundant percentages 2020-02-12 19:45:54 +02:00
Martijn Cuppens
1bc2d65b29 Remove unrelated properties from gradient-bg mixin 2020-02-12 19:45:54 +02:00
Martijn Cuppens
6e8ea2722d
Introduce posibility to disable !important suffix for utility classes (#29625) 2020-02-10 16:05:07 +02:00
Martijn Cuppens
532feab38b
Split grid & containers (#29146) 2020-02-03 21:02:53 +01:00
Jens Luyten
2e6c9f32bd Prevent grid with default cols from breaking when large pre was present (#30049) 2020-01-25 11:15:06 +02:00
Florian Lacreuse
d5270cb811 Use word-wrap in .text-break for IE and Edge compatibility. 2020-01-04 18:26:24 +01:00
Martijn Cuppens
4387038421 Simplify disabled styles (#29296)
* Simplify disabled styles

* Mention pointer-events usage
2019-12-27 18:40:06 +02:00
XhmikosR
b1b7f8ee76 Remove the deprecated form-control-focus mixin 2019-12-14 15:47:39 +02:00
Mark Otto
b81a23a60d Update .form-check to properly support gradients when enabled (#29338) 2019-10-28 08:12:07 +01:00
Mark Otto
104385c508 Add make-col-auto mixin (#29367) 2019-10-17 09:46:34 +03:00
Martijn Cuppens
7327e38b1c Fix top level ampersand (#29518)
Fixes dart sass compatibility.
2019-10-12 16:07:22 +03:00
Jeremy Jackson
4e37fc3ab4 Add color argument to button mixins (#29444)
Add optional `$color` argument to `button-variant()` and
`button-outline-variant()` for additional flexibility.
2019-10-12 11:21:22 +03:00
ysds
ebfeaa4ad1 Allow override default col width 2019-08-30 13:07:27 -07:00
Mark Otto
cc248791b0 Cleanup
- Rename and move the variable to variables file
- Move code to the grid file
- Use the mixin to generate our own classes
- Wrap in a grid classes enabled conditional
- Document the mixin
2019-08-30 13:07:27 -07:00
Martijn Cuppens
007ea0d8d0 Clean up line heights & add line height utilities (#29271) 2019-08-30 10:42:41 +03:00
Martijn Cuppens
4db520bedb Don't bind validation to form controls 2019-08-27 19:28:28 +02:00
Martijn Cuppens
19ee63ad25 Link helpers & use utility API for all utilities 2019-08-26 08:21:24 +02:00
Martijn Cuppens
0aabaa209d Drop nav divider mixin 2019-08-22 08:10:44 +02:00
GeoSot
4ae6a29b12 Allow .page-links to get left margin. (#28948)
* Allow .page-links to get left margin.

* Add border-radius to page-links in case they have left margin

* Apply MartijnCuppens suggestion to _pagination.scss

Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>

* Plus if/else Rules

* Formatting fixes

* Fix border-radius for pagination-size

* Use mixin for default pagination sizing
2019-08-03 07:11:57 -07:00
Martijn Cuppens
b2ae6a6a94 Apply at-mixin-argumentless-call-parentheses: always stylelint rule 2019-07-24 10:31:49 +03:00
Martijn Cuppens
f6694b7440 Use escape-svg() function (#29077)
* Use escape-svg() function

* Update theming.md
2019-07-19 18:57:12 -07:00
Mark Otto
aaf03bdc9e
v5: Forms update (#28450)
* Initial spike of consolidated form checks

* Stub out forms rearrangement

- Prepping to drop non-custom file and range inputs
- Prepping to merge custom and native checks and radios (with switches)
- Prepping to merge custom select with form select
- Moving docs arround so forms has it's own area given volume of CSS

* Move input group Sass file to forms subdir

* Start to split and move the docs around

* Simpler imports

* Copyediting

* delete overview file

* Remove commented out code

* remove the custom-forms import

* rewrite flex-check as form-check, replace all custom properties

* Remove old forms doc

* stub out new subpage link section

* update migration guide

* Update nav, forms overview in page nav, and descriptions

* fix check bg position

* fix margin-top calculation

* rename .custom-select to .form-select

* Update validation styles for new checks

* add some vertical margin, fix inline checks

* fix docs examples

* better way to do this contents stuff, redo the toc while i'm at it

* page restyle for docs while here

* un-callout that, edit text

* redo padding on toc

* fix toc

* start to cleanup checks docs

* Rewrite Markdown tables into HTML

* Redesign tables, redo their docs

* Replace Open Iconic icons with custom Bootstrap icons

* Redesign the docs navbar, add a subheader, redo the sidebar

* Redesign docs homepage a bit

* Simplify table style overrides for docs tables

* Simplify docs typography for page titles and reading line length

* Stub out icons page

* Part of sidebar update, remove migration from nav.yml

* Move toc CSS to separate partial

* Change appearance of overview page

* fix sidebar arrow direction

* Add footer to docs layout

* Update descriptions

* Drop the .form-group class for margin utilities

* Remove lingering form-group-margin-bottom var

* improve footer spacing

* add headings to range page

* uncomment form range css

* Rename .custom-range to .form-range

* Drop unused docs var

* Uncomment the comment

* Remove unused variable

* Fix radio image sizing

* Reboot update: reset horizontal ul and ol padding

* de-dupe IDs

* tweak toc styles

* nvm, fix dropdown versions stuff

* remove sidebar nav toggle for now

* broken html

* fix more broken html, move css

* scss linting

* comment out broken helper docs

* scope styles

* scope styles

* Fixes #25540 and fixes #26407 for v5 only

* Update sidebar once more

* Match new sidenav order

* fix syntax error

* Rename custom-file to form-file, update paths, update migration docs for previous changes in #28696

* rename back

* fix size and alignment

* rename that back too
2019-07-12 16:52:33 -05:00
Ashfahan Khan
c5b1919dea Add Error checking to prevent invalid breakpoint (#28889)
* Add Error checking to prevent invalid breakpoint

Error checking to prevent invalid breakpoint name

* check type rather than value

* Revert "check type rather than value"

This reverts commit 04ab1e652f.

* use of not rather than null
2019-06-17 08:00:36 +02:00
Ashfahan Khan
41fcd13d3e Utility API improvement: use $key/$value instead of nth (#28828)
Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>
2019-05-30 17:22:06 +02:00
Sezer Esen
de1a6e3201 Fix background position (#28814) 2019-05-26 11:13:55 +02:00
Martijn Cuppens
769c8d8246
Helpers & utilities split (#28445) 2019-05-23 11:56:03 +02:00
Martijn Cuppens
a4a04cd9ec
.sr-only & .sr-only-focusable tweaks (#28720)
* Prevent .sr-only-focusable overriding properties when being focused

* Typo
2019-05-20 10:03:51 +02:00
Mark Otto
1d4d9f8d89 Drop all hover mixins
Previously deprecated in v4.x, this clears out the now unused Sass option and removes some unused mixins. Arguably we could remove more, but I like the hover-focus mixin and we make extensive use of it across the project.
2019-05-08 20:58:07 +03:00
Martijn Cuppens
f5599d0a04 Configurable container padding (#28554) 2019-05-05 10:49:23 +03:00
Martijn Cuppens
4f85850945 Scrollbar fix (#28417) 2019-05-03 21:32:25 +03:00
Mark Otto
60d826a305 Prevent form validation mixin from generating invalid CSS (#28447)
Extrapolates the previously used selector into a new mixin that only generates valid CSS by creating psuedo-classes for `valid` and `invalid`, and nothing else.

Fixes #28380.
2019-04-25 17:01:50 +03:00
Matěj Kříž
e0738f8207 Fix buttons :focus state styles (#27890)
* Fix buttons :focus state styles

Buttons :hover and :focus state shares styles.
Buttons :focus text color on 'a.btn' is now consistent with others '.btn'.

* `:focus` styles should be in sync with `.focus`.

So shared styles with hover were copy to focus definition. Rather then using
`hover-focus` mixin which do not contain `.focus`.
2019-04-05 11:51:20 +03:00
Martijn Cuppens
a88d58605a Remove hover states on background utilities (#28457) 2019-03-14 19:36:02 +02:00
Mark Otto
837ff0cc11 v5: Drop remaining deprecated mixins (#28461)
- Deletes mixin mentions from float docs
- Deletes mixin mention from visibility docs
- Deletes the image-replacement page for text-hide
2019-03-14 19:23:54 +02:00
Mark Otto
c16532c724 v5: Update badges (#28458)
- Drop hover and focus states
- Drop .badge-* variants and associated mixin for .bg-* utilities
- Drop .badge-pill for .rounded-pill utliity and adjust horizontal padding to find middle ground of .badge and old .badge-pill
- Remove unused variables
- Add default color value to .badge base class
- Update docs to reflect changes
2019-03-14 19:15:26 +02:00
Mark Otto
e8827874ad v5: Don't automatically adjust all hr elements in alert variants (#28462) 2019-03-12 15:04:08 +02:00
Mark Otto
d6501970ad v5: Drop deprecated size mixin (#28460) 2019-03-12 10:02:17 +02:00
Mark Otto
89d7384944 Drop deprecated img-retina mixin (#28459) 2019-03-12 09:47:36 +02:00
Martijn Cuppens
28a7abf0f7 Deprecate form-control-focus mixin (#28262) 2019-02-15 15:50:58 +02:00
Martijn Cuppens
51375abca5
Responsive font size implementation (#23816) 2019-02-07 23:32:05 +01:00
Martijn Cuppens
2ee8ecedf4 Deprecate img-retina() mixin (#28072) 2019-02-07 19:33:57 +02:00
Martijn Cuppens
bcfb7ed159 Deprecate invisible() mixin (#28066) 2019-02-07 19:19:00 +02:00
João Lucas
eb1313d213 Create border-top-left-radius and border-bottom-right-radius mixins (#28100)
* Create border-top-left-radius mixin
* Create border-bottom-right-radius mixin
2019-02-07 09:02:05 +01:00
Martijn Cuppens
311d6dab68
Deprecate size mixin (#28067) 2019-02-07 08:21:47 +01:00
Shohei Yoshida
0f8f84329b Fix validated custom select bg color (#28119) 2019-01-25 20:44:52 +01:00
Martijn Cuppens
6466a0461a Deprecate float mixins (#28104) 2019-01-24 22:51:36 +02:00
Martijn Cuppens
dfba588d0d Add default value for $ignore-warning (#28103) 2019-01-23 05:59:15 +02:00
Martijn Cuppens
5c56e9adff
Add deprecate() mixin (#28092) 2019-01-22 20:55:23 +01:00
Mark Otto
deea117293 Add form-validation-states Sass map (#27999) 2019-01-11 21:16:50 +02:00
wojtask9
5dcf7cd3b7 box-shadow mixin fix (#28004) 2019-01-08 19:42:28 +02:00
Martijn Cuppens
68062cfe60 Allow configuration of caret spacing and vertical alignment (#27994) 2019-01-07 18:28:21 +02:00
Martijn Cuppens
2b96e9adf1 remove screen from media query (#27985) 2019-01-07 18:18:43 +02:00
Mark Otto
e6b1eefc73 Add horizontal list group modifier (#27970)
Alternate take to #27683 that builds the modifier class based on min-width, such that list groups are stacked until the class's breakpoint is reached. This is less verbose, matches our primary responsive approach, and prevents an extra class. Unfortunately, I believe supporting flush list groups is too much code here, so I've skipped that and made a note in the docs.

Also added examples generate from our breakpoints data file with a protip for how to do equal width items.
2019-01-07 03:01:36 +02:00
wojtask9
42bed436e8 take account 'none' for box-shadow (#27972) 2019-01-07 02:52:39 +02:00
XhmikosR
f21b5f9e98 Remove unneeded stylelint disables. 2019-01-05 20:50:07 +02:00
Martijn Cuppens
39b14c9806 Blacklist border-radius property (use mixin instead) (#27900) 2018-12-23 09:11:11 +02:00
ysds
27d691c64c Prevent unnecessary css when $emphasized-link-hover-darken-percentage is 0 or 0% 2018-12-21 14:46:20 -08:00
Martijn Cuppens
fc841b0ceb #27135: themed link focus state & selector improvement (#27136) 2018-12-21 13:55:05 -08:00
Martijn Cuppens
502b6c8ed6
Remove redundant brackets (#27768) 2018-12-14 17:54:44 +01:00
Florian Lacreuse
1dc42a3373 Add missing parameter to grid mixins. (#27841) 2018-12-14 18:30:12 +02:00
ysds
4a1090ac48 Ligthen/Darken Button focus shadow color 2018-11-04 20:58:00 +02:00
Vincent Langlet
793b83fda8 Avoid null value (#27570) 2018-11-04 08:18:56 +02:00
Patrick H. Lauke
8b20bce873
Add Sass variable for prefers-reduced-motion, add callout to affected components (#27581)
* Tweak the accessibility/reduced motion text

include mention of carousel slides, remove the (now inaccurate, as Firefox 63 includes it too) mention that support is limited to Safari/macOS

xref https://github.com/twbs/bootstrap/issues/27525

* Add new callout for reduced motion

* Add variable to control prefers-reduced-motion media query support

* Add callout about prefers-reduced-motion to all components currently using animation which are affected
2018-11-03 19:23:26 +01:00
Martijn Cuppens
1c91f48251 Variable darken percentage for emphasized links 2018-10-23 05:58:19 +03:00
Martijn Cuppens
dd539094ea Custom select validation padding fix and additional custom select feedback icon variables 2018-10-23 05:43:59 +03:00
Martijn Cuppens
d0b7eb1111 Cleanup stylelint comments 2018-10-23 00:21:33 +03:00
Martijn Cuppens
00860f02d4 Disallow transition property (use mixin instead) 2018-10-21 22:46:20 +03:00
Johan Beckers
09aca3fb9a Unitless breakpoints
If I want to customise the breakpoints using `em`, I get compatibility errors.

It is good practice to set breakpoints in `em` instead of `px` when users use browser scaling.
See https://zellwk.com/blog/media-query-units/#concluding-the-experiments for more information why someone would like to do this. Only Safari users can get annoyed: https://adamwathan.me/dont-use-em-for-media-queries/

In any case, using a unitless number at line 42 would be very convenient.
2018-10-21 21:31:28 +03:00
Martijn Cuppens
e2014e8ed7 Custom checkboxes and radios retheming (#27064) 2018-10-21 10:25:07 +03:00
Doug Puchalski
59f1802e98 Outline button variant hover mixin (#27289)
The outline button variant mixin should use the hover mixin, as does the non-outline version.
2018-10-21 10:09:08 +03:00
Ian Walter
871a51a548 Fix #26372: disabled btn hover issue (#27407)
When gradients are enabled there is still a hover state on disabled
buttons since the hover rules apply to background-image and disabled
rules apply to background-color. This applies the logic already present
in dropdowns to buttons. This fix was originally proposed by @ysds.
2018-10-20 22:12:33 +03:00
Martijn Cuppens
7190c38e4c Remove redundant width and height properties 2018-10-20 21:46:53 +03:00
Bastien
a86aef0ae0 table: Add border color relative to theme for accessibility (#25755) 2018-10-20 11:21:31 +03:00
Mark Otto
0bec1c8897
Add new variables for form feedback tooltips (#26959)
Fixes #26886
2018-09-18 21:27:02 -07:00
Martijn Cuppens
7a01f3c41b Selector improvement (#27219) 2018-09-14 09:31:48 -03:00
Martijn Cuppens
3ef2db1e85 Move transparent background to .btn and remove background-image 2018-09-02 16:28:42 -07:00
Martijn Cuppens
19afb12b65 Set max-width to 100%
Fixes #27114
2018-09-02 16:26:53 -07:00
Martijn Cuppens
e3c0b3d3af #27112: fix border focus border color 2018-09-02 16:25:55 -07:00
ysds
d1de8737aa Move CSS of hover underline to base from color variants 2018-09-02 16:25:21 -07:00
Martijn Cuppens
4def76c34e #26975: remove grid columns min height 2018-08-19 11:13:18 -07:00
Mark Otto
0b5a8d9c98 Merge branch 'form-validation-icons' into v4-dev 2018-07-29 14:18:09 -07:00
Mark Otto
4693672cff
Update validation tooltips to use tooltip vars (#26887)
Updates the properties and values for which we have existing variables to match our tooltips. Come 4.2, we'll create new tooltips for these.
2018-07-20 18:21:40 -05:00
Mark Otto
2d8422f5f5 fixes #26579 2018-07-14 21:10:45 -07:00
Andrew
abb4868626 correct spelling errors (#26837) 2018-07-09 17:59:22 -07:00
Mark Otto
5495a19b5a
disable to fix ci 2018-07-08 18:43:40 -07:00
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
793698a6a9
add validation styles for .form-control-file (#26181) 2018-04-23 21:54:40 -07:00
Alexander Rechsteiner
056e28d9e0 Suppress text-hide deprecation warning (#26242) 2018-04-16 09:45:07 +03:00
Varunram Ganesh
871e0838a4 [trivial] Correct typos (#26297) 2018-04-14 08:41:18 +01:00
XhmikosR
95cdfa2a65 Use https when possible. 2018-04-02 19:19:09 +03:00
Mark Otto
98763f1f85
Deprecate .text-hide (#26173) 2018-03-31 22:10:32 -07:00
Martijn Cuppens
12708d329a Remove navbar align 2018-03-31 21:59:54 -07:00
Mike Rogers
2306f62bf1 Making use of prefers-reduced-motion media query (#25641)
* Making use of `prefers-reduced-motion` media query

As discussed in #25249 - if a user (Who is using Safari / iOS) requests
reduced motion in their system settings, we should avoid transitions.

* Ignoring prefers reduced motion for CSS Linting
* Updating copy clarifying the reduce motion functionality in accessibility.md
2018-03-20 09:28:21 +00:00
Jacob Müller
27f553c965 Replace "loose" HEX values with their respective variables (#25672) 2018-03-12 19:19:37 +02:00
ysds
50220acde4 Fix caret alignment (#25719) 2018-03-12 18:51:00 +02:00
Adam Bowles
20c2d0fec6 Remove disabling of stylelint rule
This file no longer has intentional indentation errors
2018-02-24 12:22:38 -08:00
Mark Otto
99379f3843 make it a var 2018-02-19 18:15:44 -08:00
Mark Otto
c9f63c2eb8 Merge branch 'nav-divider-mixin' of https://github.com/ysds/bootstrap into ysds-nav-divider-mixin 2018-02-19 18:14:50 -08:00
Mark Otto
98111214c2
Update .sr-only mixin and utility (#25197)
* Remove clip-path from .sr-only utility as it causes perf regressions in Chrome

* change snippet to example
2018-02-11 15:05:50 -08:00
Richard van Laak
38fc5cf7f7 Replace unicode character in _hover.scss (#25503) 2018-01-30 18:49:31 +02:00
ysds
d824bdf4d8 Allow to customize vertical margin of nav-divider mixin 2018-01-22 09:54:06 +09:00
Mark Otto
a0936c326f Outline button hover color (#25339) 2018-01-18 01:45:25 +02:00
ysds
b1a754863e Use .list-group-item-action for list group item variant (#25338) 2018-01-18 01:36:57 +02:00
Casper Bornebusch
f4132dba07 Add order-last grid class (#24915)
* Add order-*-last grid class

* copy updates
2018-01-16 09:10:40 -08:00
Mark Otto
c8d9c0efcd Merge branch 'form-check-input-validation' of https://github.com/supergibbs/bootstrap into supergibbs-form-check-input-validation 2018-01-15 21:39:27 -08:00
Patrick H. Lauke
1f490ec165
Consistently use :disabled rather than [disabled] selector (#25317)
Closes https://github.com/twbs/bootstrap/issues/25316
2018-01-15 20:51:01 +00:00
Patrick Yeo
ffcbdb5a1c Mixin button-outline-variant should retain active box shadow when focused 2018-01-13 19:19:33 -08:00
Wolfgang Goedel
588227f97f Fixed color for disabled buttons (#25167) 2018-01-13 09:50:25 +02:00
Sander Melnikov
216c7ea20f Fix breakpoint mixins for custom breakpoint maps (#25264)
When using the `media-breakpoint-between` or `media-breakpoint-only`
mixins with a custom breakpoint map – not defined as `$grid-breakpoints`
– the mixin incorrectly defaults back to the global `$grid-breakpoints`
map in certain situations. This commit correctly passes on the
`$breakpoints` argument to the other mixins called within the block.
2018-01-13 09:45:21 +02: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
Jesse Mandel
a05f1d883e add validation feedback/tooltip support to form-check-inputs 2018-01-05 10:55:13 -08:00
Patrick H. Lauke
7044ea82c1 Patch fractional viewport widths to work around Safari rounding bug (#25177)
Includes simplifying the prose in `tables.md` and adding the bug to the list of browser bugs.

Closes https://github.com/twbs/bootstrap/issues/25166
2018-01-03 09:42:03 +02:00
Mark Otto
460849ddcd
Validation tooltip example (#25143)
* Add additional form validation examples

Fixes #24811.

This adds .valid-feedback to our custom styles and server side examples; previously we ommitted this to suggest you don't always need valid feedback. In addition, this adds examples of the .{valid|invalid}-tooltip classes with a new subsection in the Validation docs.

* Update validation tooltip styles to remove fixed width; instead should retain itself to the parent element

* update ids

* finish docs paragraph, mention position: relative
2018-01-02 21:57:56 -08:00
Mark Otto
43c551e97d
Outline active focus (#25145)
* Base the outline button :active color on the background, fixing a contrast issue

* Only apply focus outline to active when it's focused
2017-12-30 20:55:35 -08:00
Kevin Ruscoe
d90dddf5e0 Add .order-0 to the flexbox grid ordering helpers. (#25137) 2017-12-31 02:28:12 +02:00
Mark Otto
1a4a94bfd9 apply same active/focus shadow styling to button variants 2017-12-27 17:56:28 -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
Andres Galante
aacfcc248d adds hover state to the button element for background color utilities (#24813)
* adds a hover state to the button element on the backrgound color utitility

* Adjust z-index to fix hover/focus overlaps
2017-12-22 19:41:13 -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
Mark Otto
13150872c6
Rewrite input group component (#25020)
* Rewrite input group component

* Set the feedback to 100% width for input group

* Move from .row to .form-row for tighter layout

* no need for custom feedback here, we're using browser messaging

* add input group to validation examples

* add note about validating multiple

* migration note added
2017-12-22 15:29:49 -08:00