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

501 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