Commit Graph

2668 Commits

Author SHA1 Message Date
Gaël Poupard 9181c84f0f
Ensure to increase contrasts on buttons & colored links hover/active states (#30989)
* feat(buttons): ensure to increase contrasts on hover/active

* Update _buttons.scss

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2020-08-04 21:42:55 +03:00
Jacty ebad168f42 Removed a broken reference
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_hr_size
this link is broken, I think we perhaps should remove it?
2020-08-03 10:48:41 -07:00
Samarth Arora 5512dde203 Add transition to Pagination buttons just like other Bootstrap buttons 2020-08-03 09:57:12 -07:00
Patrick H. Lauke a21f605299
Add padding to badges (#31132)
* Add padding to badges

The current badges are very tightly padded, and because the top and bottom padding are the same, and aligned to the baseline, this makes badges with descenders (e.g. the "g" in "Danger") look uncomfortably close to the bottom. Adding more ample padding masks this a bit.
An alternative would be to have separate top and bottom padding, with the bottom one slightly larger than the top - but conversely, that then makes badges that contain no text with descenders, and particularly badges that contain all uppercase characters, look too bottom-heavy.
Also adding some left/right extra padding, as currently the pill badges look uncomfortably tight on the sides due to the rounding.
2020-08-02 16:28:23 +03:00
Mark Otto 16adcf2de9
Adjust sizing of checks and radios (#31383)
Moves from 1.25em to 1em to better support custom font-size-base values. Most common would probably be .875rem (14px) and current sizing garbles that into 1.09-ish, thus causing the rendering issues in #31269.

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-07-31 16:49:28 +03:00
Mark Otto 2bceb3e79d
Remove overflow: hidden from toasts (#31381) 2020-07-31 13:29:01 +02:00
Patrick H. Lauke cdea25584d
Cleanup/fix after the sr-only to visually-hidden renaming (#31359)
* sr-only -> visually-hidden cleanup

It seems the old screen-readers.md file was left behind, and forgot to rename the mixin

* Fix broken mixins for visually-hidden
2020-07-31 10:27:36 +01:00
Patrick H. Lauke c7bc7a31bb
Turn off scroll anchoring for accordions (#31346)
New default behavior for scroll anchoring (rolled out in Chrome 84?) leads to unsightly/odd accordion interactions - see #31341
This rule suppresses this new behavior and reverts back to the old way.

See https://drafts.csswg.org/css-scroll-anchoring/
2020-07-21 18:17:28 +01:00
Mark Otto 6914efe8dd
v5: Tweak some colors (#31276)
* Tweak green and cyan colors, bump min contrast ratio to 4.5

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-07-13 21:23:38 +03:00
Gaël Poupard 37ef4e4b5e
Easier disabled state customization for button variants (#30639)
* feat(buttons): easier disabled state customization

* docs(migration): mention new arguments for disabled state in button-variant()

* Update migration.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2020-07-12 07:56:33 +03:00
Mark Otto 2b4db023cd Add null variables for nav-link
Replaces #30498 by adding four new null default variables for .nav-link. Doesn't carry over font-style from the original PR though since that's rarely used, at least by default Bootstrap. Nullifies all values from that PR, too, since we count on some basic inheritance here and don't need color by default.
2020-07-11 11:56:29 -07:00
Patrick H. Lauke 3a79335a0b Docs: rename "Screen readers" helper page to "Visually hidden"
"screen readers" is quite reductive, as there are other assistive technologies. content hidden this way is even announced by things like Alexa/Siri etc, so it's not so much just "screen readers".
in the long run, we may even consider changing the actual classnames (maybe `.visually-hidden` / `.visually-hidden-focusable`, though admittedly that's a bit verbose).

also includes a tiny tweak to layout.md to generalise the note about using `.sr-only`
2020-07-10 16:00:50 -07:00
Patrick H. Lauke 10690dd317
Rename `sr-only`/`sr-only-focusable` (#31139)
* Rename `sr-only`/`sr-only-focusable`

To be more representative of the fact that these are not necessarily "screen reader" specific, but actually apply to assistive technologies in general (and also things like Alexa/Siri/etc). Goes hand-in-hand with #31133

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-07-03 14:38:11 +03:00
Mark Otto 9f173aeff3 Remove backdrop-filter from toasts 2020-06-25 09:47:20 +03:00
Shohei Yoshida c140347bd2
Fix scrollable modal (#31151)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-25 09:43:19 +03:00
Jorge González d33a560dd6
Fix table separator typo (#31162) 2020-06-24 18:28:47 +02:00
Patrick H. Lauke 02ff387daa
Darken dropdown divider (#31131)
currently, `$gray-200` is practically imperceptible. switch to reusing `$dropdown-border-color`.
2020-06-23 21:00:28 +01:00
Mark Otto 9ca811eed5
Fixes #31113 (#31120) 2020-06-20 07:20:26 +03:00
Catalin Zalog 9f9e4d04a1
feat: adds th null var (#30781)
Inherit `font-weight: bold` that comes from user agent stylesheets.
2020-06-17 16:55:28 +03:00
XhmikosR c28934cb18
Rename "master" to "main". (#31050) 2020-06-16 21:41:47 +03:00
Mark Otto 970f3b3a8f
v5: Add role=button cursor in Reboot (#31040)
* v5: Add role=button cursor in Reboot

Ports the changes from #30562 made in v4.5 and adds them to v5. This replaces #30563 which sought to add this to the utility API, but the v4 PR shifted to implement an accessible solution vs a lone utility.

* Update reboot.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-16 11:30:40 -07:00
Martijn Cuppens 93f1028e82 Clarify removal of border radii 2020-06-15 19:04:19 -07:00
Martijn Cuppens 8b7b234fd1 Switch to btn-check 2020-06-15 19:04:19 -07:00
Martijn Cuppens 1a0a0858ef Remove checkbox/radio toggle from button plugin in favor of a CSS only solution 2020-06-15 19:04:19 -07:00
Martijn Cuppens 7e28764e67 Change breakpoint-max implementation
- The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint.
- The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints.
2020-06-14 14:50:47 -07:00
k-utsumi cde53a85d1 🔥 Remove container duplication 2020-06-12 14:29:43 -07:00
Mark Otto 286f16b92c
v5: Redo blockquote attributions (#30814)
* v5: Redo blockquote attributions

- Renames -small-* variables to -footer-*
- Updates blockquote demos with attribution to place it outside the blockquote with a figure wrapper

* Updated class name

* docs(examples): refactor blockquotes in masonry example

Co-authored-by: Gaël Poupard <gael.poupard@orange.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-12 14:26:37 -07:00
XhmikosR 3d8d0012c8
Stylelint: remove redundant disables (#31006) 2020-06-12 11:11:36 +03: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
Martijn Cuppens e9f7a1d826
Fix undefined custom properties in reboot (#30981) 2020-06-09 10:20:53 +02:00
Rohit Sharma e140ff92ed Remove .nav-item from .nav-link to make it consistent
- Closes #28423
2020-06-09 07:48:58 +03:00
Gaël Poupard 92a728eae6
Prevent `.row` from shrinking in flex container (#30940) 2020-06-08 19:47:43 +02:00
Mark Otto c682e751bf
Restore word-break: break-word on .text-break to fix text breaking on flex containers (#30932) 2020-05-31 06:49:23 +03:00
Edson Jr 1f1b147f19
Add `space-evenly` option for `justify-content` (#30910) 2020-05-30 15:19:10 +02:00
Mark Otto c9cd3e4a08
v5: Make navbar active links consistent (#30831)
* Update navbar docs to put .active class on .nav-link

Fixes #30652 in v5.

* Remove two selectors from navbar nav that are either unused, or duplicative

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-20 15:56:42 +03:00
Martijn Cuppens e04bbe99ea Code simplification 2020-05-20 09:49:18 +02:00
Gaël Poupard 5b480fcc80 feat(color-contrast): set min-contrast-ratio as an argument 2020-05-20 09:49:18 +02:00
Gaël Poupard 1b8bf5b56c feat(color-contrast): ensure we return a contrasted enough color (light-first), the most contrasted one otherwise 2020-05-20 09:49:18 +02:00
Martijn Cuppens 2df63f4925
Fix gradient on switch checkbox (#30868) 2020-05-19 22:06:50 +02:00
Martijn Cuppens 897d2f3877
Prevent conflicts with components with classes (#30830)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-15 15:59:06 +03:00
Mark Otto c794c9df2f
v5: Add border-radius to .card-img-overlay (#30817)
Allows use of background-color and more. Fixes #29033 for v5.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-15 15:42:31 +03: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 bbeda10e37 v5: Update color on custom switch focus state
Replaces a custom hsla() value (dunno what I was thinking when I added this) with a reassigned existing variable. This variable goes up the stack and attaches to the component-active-bg variable, derived from our primary color out of the box. Fixes #30646.
2020-05-14 20:31:30 -07:00
Mark Otto 12a6576f48
Simplify list-group borders in cards (#30808) 2020-05-14 19:48:46 +02:00
Mark Otto 46d876314b
Split table cell padding variables (#30815) 2020-05-14 19:43:33 +02:00
XhmikosR 38ec7c4df7
Bump version to 5.0.0-alpha1 (#29925)
Also add v4.5.0 in versions and keep README.md pointing to v4.5.0 so that there are no broken stuff.
2020-05-13 22:36:00 +03:00
Catalin Zalog e6829fb7b6
style: removes space (#30782) 2020-05-12 10:28:59 +03:00
Gaël Poupard fb0ad7a93c
Fix form file height (#30699) 2020-05-05 19:43:16 +02:00
Mark Otto 3e73039936
v5: Unify spacing across components (#30564)
Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-30 15:17:08 +02:00
Martijn Cuppens ed2caa5117
Remove borders from iframes by default (#30620) 2020-04-29 20:32:35 +02:00
Gaël Poupard 8bee113008
[type=radio] should always be rounded (#30686) 2020-04-29 21:13:57 +03:00
Martijn Cuppens 7153c2c3bf
`<pre>`: Disable auto-hiding scrollbar in legacy Edge (#30685)
Disable auto-hiding scrollbar in legacy Edge to avoid overlap, making it impossible to interact with the content.
2020-04-29 17:51:25 +03:00
Martijn Cuppens ea34cc4c1e
Prevent list group style leaks (#30660) 2020-04-28 09:24:17 +02:00
Mark Otto 88490fe81d Use scss-docs for color maps 2020-04-26 17:26:04 -07:00
Mark Otto f6e2f4c656 Rewrite Theming docs as Customize section
- Broke up existing theming page into separate pages
- Audited and updated each new docs page (some pages include some TBD sections)
- Update sidenav to reflect changes
- Fix links that pointed to the old Theming page
- Update docs styles to reflect recent changes
- Rewrite some bits in the Migration page
2020-04-26 17:26:04 -07: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 6558664f4c Customizable table group seperator colors 2020-04-24 10:05:10 +02: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 ed32ee2e78
Add `$form-text-font-weight` (#30617) 2020-04-20 08:19:06 +02:00
Martijn Cuppens 4fc701f6aa
Drop `@support (position: sticky)` media query (#30415) 2020-04-18 14:10:18 +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 a8883a3b96
feat: checks for `$grid-breakpoints` map list (#30609)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-17 19:18:51 +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
Martijn Cuppens 5c2a50fb9e
Disable negative margins by default (#30585)
* Disable negative margins by default

* Use shorter enable variable

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-15 07:36:35 +03:00
Mark Otto be9a2374c5
v5: Update system font stack (#30561)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-14 23:15:50 +02:00
k-utsumi 3a0fb1f7dc
Delete appearance from `button.close` (#30582) 2020-04-14 17:25:59 +02:00
Martijn Cuppens ed8fd689e6
Simplify checkbox & radio input (#30557)
- Define background properties in `.form-check-input`
- Use `background-size: contain` to simplify background sizes (especially for those with linear gradients)
- Remove double `color-adjust`
- Adjust svgs to 20x20 box. This way the strokes aren't rescaled.
2020-04-14 15:05:34 +02:00
Martijn Cuppens 9eaeb38ac0
Update RFS to 9.0.3 (#30581)
* Two dimensional fix - https://github.com/twbs/rfs/pull/225
2020-04-14 14:04:29 +02:00
Mark Otto 4efc1c462d
Redo display headings (#30568)
- Convert to Sass map
- Consolidate font-weights into single option (matching line-height for them)
- Add two new sizes and create a new scale
- Update migration docs

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-14 13:57:11 +02:00
Catalin Zalog e2afbbfa82
Restore `.form-text` (#30565) 2020-04-14 09:21:13 +03:00
Mark Otto 7dedccfb9a Update docs for new XXL grid tier
- Updates mentions of number and exact tiers
- Updates grid example to include xxl container
- Adds some scss-docs references
- Cleans up other grid mentions and docs
- Updates navbar example to include an expand at XXL variant
2020-04-13 14:40:47 -07:00
Mark Otto 6fdb8e6e68 Add an xxl grid tier
- Staring at my laptop, I realized I'm wasting away space. This adds a 
significant amount of CSS, but it feels right already.
- Added the xxl tier with a width that divides by 12
- Motivation was originally trying to have a third column for our toc so 
that our docs are more useful
2020-04-13 13:55:34 -07: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
Catalin Zalog 939beea620
Use `box-shadow` mixin for `.form-select` (#30555) 2020-04-11 13:27:01 +02:00
Gaël Poupard bcdd8fbc07
Use custom properties for font-stacks (#30509) 2020-04-10 20:31:58 +02:00
Martijn Cuppens 5e65b12f1c
Add checkbox transition (#30528) 2020-04-09 08:07:11 +02:00
Mark Otto 64050f43bc
Fix spinner-grow animation (#30504)
* Fix spinner-grow animation

Safari seems to be interpreting the old keyframes animation as incomplete. Adding `transform` to the second frame seems to resolve the issue.

Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-08 20:58:23 +03: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
Catalin Zalog 98ba40dc06
Add `.card-footer` color (#30515) 2020-04-06 14:59:29 +02:00
Martijn Cuppens a85d80c925
Add nav link transition (#29988) 2020-04-06 14:29:39 +03:00
Martijn Cuppens e8e6d64eb0
Fix card list group borders & radii (#30497) 2020-04-02 08:10:11 +03:00
Catalin Zalog 1cc1a47646
Use `box-shadow` mixin for form controls (#30480) 2020-04-01 19:44:22 +02:00
Martijn Cuppens 05fb3905e6 Fix border radii 2020-04-01 10:05:43 +03: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 6663faa3e7 Fix date inputs heights in safari 2020-04-01 08:30:40 +02:00
Martijn Cuppens 6dfe8e02d7
Fix text decorations (#30492)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-03-31 21:42:38 +03:00
Martijn Cuppens df707cd727
Require `.form-label` classes on form labels (#30476) 2020-03-31 20:02:57 +02:00
Yannik Hampe a1b5a64fba
Use variables for list-group-item color levels (#30009)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-31 14:51:50 +02:00
Martijn Cuppens 22a535641b
Cleanup responsive tables (#30482) 2020-03-31 10:33:05 +02:00
Martijn Cuppens 8414126266
Switch to custom properties to control grid gutter widths (#30475) 2020-03-30 15:12:36 +02:00
Catalin Zalog dec3ea6a7f
Order sizes variables (#30479) 2020-03-28 21:01:37 +01:00
Mark Otto 4ccd522a76
Add `.caption-top` for tables (#30435)
* Move caption-side to <table> element in Reboot

* Add class for .caption-top
2020-03-24 10:00:45 +01:00
Zedicius 64a5987cc0
File chooser size (#30040)
Co-authored-by: David Van Doninck <david.vandoninck@intracto.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-23 18:36:54 +01:00
Catalin Zalog 8f84d4051b
Make form-check label customizable (#30426)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-23 18:29:56 +01:00
Tim Dujardin 3e5bc4c56d
Added focus state to .btn-link (#30036) 2020-03-23 18:08:17 +01: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
Martijn Cuppens 85b12549ec Simplify input groups by dropping `.input-group-prepend` and `.input-group-append` 2020-03-23 15:35:07 +01:00
Martijn Cuppens c51e9fa4ee
Fix wrapping bug (#30345) 2020-03-21 16:44:08 +02:00
Martijn Cuppens 4a37677dda
Merge branch 'master' into underline-links 2020-03-20 12:30:41 +01:00
Martijn Cuppens 7fc4037a02 Remove redundant text decoration from hover states 2020-03-20 09:35:55 +01:00
Martijn Cuppens 910d481062 Remove underline hack for breadcrumbs 2020-03-18 20:59:27 +02:00
ysds 89d90d1f85 Remove Internet Explorer leftovers 2020-03-18 20:59:27 +02:00
Martijn Cuppens d9e83671ae Drop IE support from Sass 2020-03-18 20:59:27 +02:00
XhmikosR 018a94c9c1 Remove Internet Explorer leftovers 2020-03-18 20:59:27 +02:00
XhmikosR 9108e303ef Revert "Revert "Remove IE-specific breadcrumb CSS hack""
This reverts commit 15d242d21a.
2020-03-18 20:59:27 +02:00
Mark Otto f3692bf517 Enable underlines for links 2020-03-17 12:26:35 -07: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
Catalin Zalog fef94bf163 style: applies ascending order 2020-03-15 22:12:11 +01:00
Martijn Cuppens 4d4400e5ca Fix pseudo paddings and height 2020-03-14 17:09:08 +01:00
Catalin Zalog ff39e0bf84 feat(css): groups hr element 2020-03-14 12:24:16 +01:00
Martijn Cuppens 481f7c6a3d Use `display: block;` for form elements 2020-03-13 08:29:47 +01:00
Martijn Cuppens 2a2b0b5abe Change container padding to 1rem 2020-03-10 20:30:29 +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 66408b6e59 Remove card decks in favor of the grid 2020-03-10 20:30:29 +01:00
Martijn Cuppens beefc6f530 Bootstrap 5 grid 2020-03-10 20:30:29 +01:00
Yogini Bende 74ed9d92e8
Minor `.nav-tabs` optimization (#30288) 2020-03-09 21:12:20 +02:00
Martijn Cuppens d9215ebd5a
$link-decoration: underline affects some components (#30262)
Co-authored-by: Shohei Yoshida <fellows3@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-05 15:22:52 +01:00
Shohei Yoshida 59c5d7599d
reboot file: adds some grouping and comments standardizations (#30340)
* style: groups sections

- adds two nl before any section
- extract elements from wrong section ex: `mark` from `form`

* style: format comments

* style: sticks all `see`s with the description

- sticks
- renames

* style: removes not needed spaces

* style: removes not needed number like other cases

* style: stick credits with description

* style: adds missing number
2020-03-05 22:51:14 +09:00
Martijn Cuppens 481540800d
Fix `th` alignment for Safari (#30323) 2020-03-02 08:36:17 +02:00
Shohei Yoshida 40ac139bbe
Fix centered modal scrolling issue (#30244)
Use the `min-content` property.
2020-02-29 09:59:36 +02:00
Martijn Cuppens 648bceadd8
Add pointer event utilities (#30185) 2020-02-23 01:07:33 +01:00
Shohei Yoshida 8087272f06
Remove unnecessary reduce motion when `$enable-transition: false` (#30183) 2020-02-17 09:46:53 +02:00
Martijn Cuppens 148421be12
Remove map merges (#28508) 2020-02-15 14:41:59 +01: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
Giovanni Mendoza daf0c438f1
Added new variable for padding on dropdown header (#29946)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-02-15 12:06:02 +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
Jens Luyten 7a694396c1
Add utility class for the user-select property (#30035)
* Add utility class for the user-select property

* Docs: Add new page for behavior utility classes - includes user select utility

* Update and rename behaviors.md to interactions.md

* Update sidebar.yml

Co-authored-by: Mark Otto <otto@github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-02-14 09:24:16 +02: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
GeoSot 1238734922
Make spinners speed adjustable (#30154) 2020-02-11 15:59:59 +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
Cinnead 770d95ed02 Add transition and add box-shadow for navbar-toggler (#30038)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-01-28 13:28:44 +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
jorimvanhove 58f2e8309c IE auto-size input-group to column (#30043) 2020-01-23 17:30:31 +02:00
jorimvanhove af78de3cdd Navbar link color contrast (#30034) 2020-01-17 13:38:05 +01:00
Martijn Cuppens 6904afe36b Inherit flex-wrap to decrease generated css (#29951) 2020-01-07 22:32:46 +02:00
Martijn Cuppens c7ce627ca8 Remove redundant `overflow-wrap` property
While `overflow-wrap` is the more recommanded option, `word-wrap` alone has a wider support.
2020-01-04 18:26:24 +01:00
Florian Lacreuse d5270cb811 Use word-wrap in .text-break for IE and Edge compatibility. 2020-01-04 18:26:24 +01:00
XhmikosR 7b990eb2f4
Bump copyright year to 2020. (#29944) 2020-01-02 11:34:48 +02:00
Martijn Cuppens bd27834198 Drop `.text-justify` class (#29793)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2019-12-30 22:33:34 +02:00
Martijn Cuppens 4387038421 Simplify disabled styles (#29296)
* Simplify disabled styles

* Mention pointer-events usage
2019-12-27 18:40:06 +02:00
Martijn Cuppens 5c37724d49
Escape brackets (#29857)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2019-12-25 21:43:22 +01:00
Martijn Cuppens 538f4f10c9
Allow percentages in container widths (#29819) 2019-12-25 21:16:58 +01:00
Martijn Cuppens 4b021dc666
Remove redundant top margin (#29883) 2019-12-25 20:54:43 +01:00
Martijn Cuppens 74e45ebc07 Navbar optimizations (#29864)
- Remove redundant `display: inline-block` from flex children
- Remove `line-height: inherit;` which is the default value of `line-height`
- Use flex shorthand
- Improve background shorthand
- Fix removed brand margin caused by requiring containers in navbars
2019-12-25 18:38:41 +02:00
XhmikosR b1b7f8ee76 Remove the deprecated `form-control-focus` mixin 2019-12-14 15:47:39 +02:00
Brendan dcc2ce3587 Adjust card spacing variables (#29813) 2019-12-14 14:35:17 +01:00
wojtask9 043b054480 Remove `.form-group` leftovers (#29449) 2019-12-09 19:22:12 +01:00
Matthieu Vignolle 1a5b7f4a8e Add font style normal (#29744) 2019-12-06 02:34:10 +02:00
jeromelebleu 2a6ba75388 Use pseudo-class too for disabled check/radio (#29740) 2019-12-06 02:28:34 +02:00
719media d7203bac3b Fix breadcrumb spacing with whitespace (#29745) 2019-11-28 18:54:34 +01:00
Shohei Yoshida 37d97c973f Fix dart Sass compatibility for subtract (#29763) 2019-11-28 14:33:31 +02:00
Martijn Cuppens 0964a88ac8 Fix dart Sass compatibility (#29755) 2019-11-28 09:48:33 +02:00
Matthieu Vignolle 4de4874e72 Change deprecated html tags to text decoration classes (#29604) 2019-11-27 08:43:49 +02:00
Martijn Cuppens cd077cd599 Enable RFS for font resizing
- Enable RFS
- Add documentation
- Disable doc font size overrides
2019-11-25 13:05:57 +02:00
Martijn Cuppens 787256cae4
Compressed Sass output support (#29702) 2019-11-24 20:20:03 +01:00
Jonathan Hefner 0caed940a5 Set vertical-align on .form-check-input (#29521)
This is a follow-up to #29322, specifically "allowing easy placement of
the `.form-check-input` in more places."  In my testing in Firefox and
Chrome, setting `vertical-align: top` removes the need to add
`float-left` to vertically align the checkbox and label text.  And doing
so does not visually affect examples which do apply `float: left` via
nesting in a `.form-check`.
2019-11-24 20:15:35 +01:00
Martijn Cuppens 460ba061cb
Keep themed appearance for print (#29714) 2019-11-24 20:01:02 +01:00
Martijn Cuppens eb849d73cd Make check label cursor customizable (#29654) 2019-11-07 21:03:52 +02:00
Sam Duvall dbeb85cb08 Fixed input-height-sm and input-height-lg calculations (#29653) 2019-11-07 20:34:54 +02:00
Martijn Cuppens 504098d664 progress: Fix IE overflow (#29629) 2019-11-04 14:37:13 +02:00
Martijn Cuppens 32b932c959 Revert complex calculation 2019-10-31 08:30:53 +02:00
ysds d6ebc60d3d Add add and subtract function 2019-10-31 08:30:53 +02:00
Matias Puhakka 639c405c65 Remove redundant "Navbar divider" from "Contents" (#29601) 2019-10-28 15:19:03 +01:00
Mark Otto b81a23a60d Update .form-check to properly support gradients when enabled (#29338) 2019-10-28 08:12:07 +01:00
Mark Otto 9c7bc1a111
v5: Simplify navbars by requiring containers (#29339)
* v5: Simplify navbars by requiring containers

* Update migration docs for navbar
2019-10-27 20:26:52 -07:00
Higor Araújo dos Anjos 46912797b2 Added animation when modal backdrop is static (#29516) 2019-10-25 21:12:09 +03:00
Martijn Cuppens 9ee9b8a1e8 Add configurable button text wrapping (#29554) 2019-10-25 12:37:52 +03:00
Mark Otto 943bef258d
v5: Update colors to add shades and tints (#29348)
* Add variables for shades and tints of each major color

* getting-started/theming.md: use a `range`.
2019-10-18 11:04:27 -07: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
leshasmp 64e22b4284 Carousel variables (#29493) 2019-10-12 14:09:04 +02:00
astrahov 09e6af48d7 Group line-height variables (#29466) 2019-10-12 13:56:29 +02: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
Mark Otto b3451ff258 Add new .bg-body utility class (#29511) 2019-10-10 21:18:19 +03:00
astrahov 60559d44a2 Add variable for `$breadcrumb-font-size` (#29467) 2019-10-03 18:54:34 +03:00
Martijn Cuppens 393ddae09b
Fix border for single card in accordion (#29453) 2019-10-03 09:43:45 +02:00
Martijn Cuppens 03c9788f7a
Variable card height (#29462) 2019-10-03 09:21:40 +02:00
Paweł Kuna f6a1e2fc89 Better radio input (#29441) 2019-10-03 09:52:25 +03:00
Martijn Cuppens de8c65158b Remove appearance from textarea (#29455) 2019-10-02 22:37:24 +03:00
Mark Otto 707973ebdd v5: .form-check layout changes (#29322)
* Scope .form-check-input layout to the .form-check parent

* Remove margin-bottom from list-group-items in case they are label elements

* document .form-check in input groups and list groups, and cleanup the no-label examples in the main .form-check docs
2019-10-02 22:19:45 +03:00
astrahov 46e8f1a34f Variable carousel indicator opacity (#29468) 2019-10-01 15:14:43 +02:00
Paweł Kuna 0a3aa08b89 Remove outline from select box in FF (#29445)
* Remove outline from select box in FF

* Use $form-select-color
2019-09-27 18:58:53 +03:00
wojtask9 f2dff864aa Remove duplicated td selector (#29454) 2019-09-27 13:22:31 +01:00
XhmikosR 6b150855df
Change blue and pink colors to be accessible. (#29198) 2019-09-27 09:01:36 +03:00
XhmikosR de3a3731bd
Sass: remove redundant stylelint inline suppressions. (#29427) 2019-09-26 21:50:14 +03:00
ysds e2a93ec094 Fix incorrect aspect ratio on IE11 2019-09-15 13:38:04 +02:00
Martijn Cuppens 6e63868500 Remove redundant properties 2019-09-15 13:38:04 +02:00
jahanzaibsuleman07 d99ff902f8 Responsive sticky top (#29158) 2019-09-13 21:15:20 +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
Mark Otto e2252e0230 First pass at .row-cols classes
Trying to find a new way to do responsive card decks while not locking ourselves into the cards themselves. My thinking here is we can easily control the column (.col) width by the parent, but I don't know how many we need (have 0-5 now) across each breakpoint. This works for cards so far, and I think could get us equal height, too.
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
XhmikosR ee01dc2340
theming.md: automate _root.scss. (#29326) 2019-08-29 15:09:24 +03:00
XhmikosR 84cba07246
theming.md: bring `:root` up to par with Scss. (#29323)
Also, add a warning in _root.scss so that we don't miss it again.
2019-08-29 11:10:06 +03:00
Martijn Cuppens bed2a5edab Switch percentage `font-size`s to `em` and change some font sizes for consistency 2019-08-27 23:11:06 +03:00
Martijn Cuppens 4db520bedb Don't bind validation to form controls 2019-08-27 19:28:28 +02:00
Martijn Cuppens 18cfe34585 Allow modification of the value of rem 2019-08-27 11:10:56 +03:00
Martijn Cuppens 2ad135ebb4 Update z-indices (#29292)
- `.carousel-caption` doesn't need a z-index. There are no non-static element in its containing block (`.carousel-item`)
- The `z-index` of `.carousel-indicators` is way higher than it needs to be (`15`), the highest sibling `z-index` is `1`, so it can be set to `2` to be the top layer.
2019-08-26 09:42:44 +03:00
Martijn Cuppens 19ee63ad25 Link helpers & use utility API for all utilities 2019-08-26 08:21:24 +02:00
Mark Otto b02bae769e Document example of datalists with form controls (#29058)
- Add example to the new form control docs
- Reset the [list] selector in Reboot to hide the random dropdown arrow in Chrome
2019-08-24 02:59:57 +03:00
Martijn Cuppens 0603522199 Remove padding around color swatches 2019-08-24 02:26:28 +03:00
Martijn Cuppens 68d67c8f16 Add rounded corners to color swatches 2019-08-24 02:26:28 +03:00
Mark Otto 57e17706a9 Add support and docs for color input 2019-08-24 02:26:28 +03:00
Martijn Cuppens bfd4c1921d Remove `position: relative` from `.collapsing` 2019-08-22 08:57:05 +02:00
Martijn Cuppens 4437248459 Drop `$nav-divider-*` variables (not used) 2019-08-22 08:10:44 +02:00
Martijn Cuppens 0aabaa209d Drop nav divider mixin 2019-08-22 08:10:44 +02:00
Martijn Cuppens 94521206e5 Split up `.form-control` & `.form-select` selectors 2019-08-18 16:33:10 +02:00
Martijn Cuppens 329448ecb7 Fix date heights 2019-08-18 16:33:10 +02:00
m5o 7b3ec256d5 set min-height for form-control textarea
* set `min-height` for `.form-control` textarea
  * prevent user from shrink textarea to minimum height
2019-08-18 16:33:10 +02:00
tu4mo b3cf60018c Add possibility to define custom border color for disabled form controls (#29257) 2019-08-18 17:08:59 +03:00
Martijn Cuppens bbbda681cc Enable wrapping for elements in .modal-footer (#25103) 2019-08-16 12:49:06 +03:00
Martijn Cuppens ceddca71a2 Restore `cursor: pointer` for checkbox/radio buttons (#29239) 2019-08-16 11:36:13 +03:00
Thomas Schaller 7149b6f0eb Function map-get-multiple now returns the correct variable (#29247) 2019-08-14 01:03:55 +03:00
Martijn Cuppens b749e12c2c Fix Firefox rendering issue (#29234) 2019-08-09 08:45:26 +03:00
XhmikosR ecaefed920
Remove unneeded Stylelint suppressions. (#29222) 2019-08-07 17:26:04 +03:00
Shohei Yoshida 2e0a16f461 Fix min-width of input-group flex items (#29209) 2019-08-06 10:54:53 +03:00
Mark Otto d94148bf50
Responsive containers (follow-up to #29095) (#29118)
* Follow-up to #29095

This PR fixes the responsive containers that were added in #29095, originally stubbed out in #25631. Apologies to @browner12 for getting that wrong.

Fixes #25631.

* update navbar as well because we cannot reset all containers uniformly

* Update navbars example to include container-xl example to ensure containers match

* rewrite responsive containers docs, add table of max-widths

* Update container docs
- Move table up to the intro
- Remove the container example because it's actually hella confusing
- Update and link to grid example as a demo instead
2019-08-05 12:12:16 -07: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
XhmikosR b016825edd
carousel: fix transition properties order. (#29173) 2019-07-30 18:30:23 +03:00
Shohei Yoshida fb475e90a1 Remove comment about tabindex (#29165) 2019-07-29 18:49:07 +03:00
Shohei Yoshida 13b7416544 Fix reboot for placeholder links (#29140) 2019-07-29 10:32:09 +03:00
Chandan Deep b433a05cbd Change property from background to background-image (#29149)
For Gradient, We have to use the background-image instead of only background.
2019-07-29 08:12:44 +03:00
Martijn Cuppens f4e297c878 Haha, floats. It's 2019 (#29147) 2019-07-27 09:30:39 +03:00
XhmikosR 21f3375f21 Update _variables.scss 2019-07-25 10:58:06 -07:00
ysds b4bf0ab371 Remove leftover CSS for custom control 2019-07-25 10:58:06 -07:00
ysds 18d75e3243 Fix variable name 2019-07-25 10:58:06 -07:00
Martijn Cuppens ea34b6c5be Merge code page with reboot 2019-07-25 19:26:27 +02:00
Shohei Yoshida 97edf94c11 Remove duplicate 2019-07-25 19:26:27 +02:00
Martijn Cuppens 855d763ae5 Reboot updates
- Remove unsupported browsers fixes
- More consistent comment blocks
- Reorganise order of some blocks
- Add height fix for date/month/week/time inputs (#18842)
- Remove redundant type selectors
- Additional resets and theming options for `legend`
- Add date & color inputs to reboot page
- Use the same borders for text search, text inputs, textareas and date inputs
- Move code styling to reboot
2019-07-25 19:26:27 +02:00
Martijn Cuppens 97e9214edd Drop `.pre-scrollable` class 2019-07-25 18:42:45 +02:00
Martijn Cuppens 1c05c1dbf1 Drop `color()`, `theme-color()` & `gray()` functions (#29083)
Drop `color()`, `theme-color()` & `gray()` functions  in favor of variables. The functions just called a `map-get()` of a map where just the variables were defined. 

Also the `theme-color-level()` now accepts any color you want instead of only `$theme-colors` colors. The first value now is a variable instead of the `$theme-colors` key.
2019-07-25 10:41:13 +03:00
Martijn Cuppens b2ae6a6a94 Apply `at-mixin-argumentless-call-parentheses: always` stylelint rule 2019-07-24 10:31:49 +03:00
Martijn Cuppens c3ea8db2f6 Extend `.container-fluid` (#29106) 2019-07-23 09:50:24 +03:00
Mark Otto cd4768aa81 fix broken classes 2019-07-22 10:38:28 -07:00
XhmikosR 1cfe18571f Fix license header. 2019-07-22 16:51:45 +03:00
julian-hecker c69326dd6b Add bootstrap-utilities.scss 2019-07-22 16:51:45 +03:00
Martijn Cuppens b4c4223409 Remove card columns in favor of masonry grid 2019-07-22 16:08:58 +03:00