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

396 Commits

Author SHA1 Message Date
XhmikosR
7ad8967367
browsers-devices: add chomp (#32116)
This is to remove any trailing newlines in the `.browserslistrc` shortcode
2020-11-11 18:29:18 +02:00
Christian Oliff
bc4da38c8b
Minor improvements to the Alpha 3 changelog (#32126)
Small changes for improved consistency

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-11 18:22:42 +02:00
Mark Otto
b316e38d6a
Clarify JS bundle docs one more time (#32105)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-10 09:35:40 +02:00
Mark Otto
fb3a57b7ba
Drop .btn-block classes, replace with utilities (#31995)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-09 11:27:20 +02:00
Patrick H. Lauke
5bd7aa365c
[Docs] Changes to navbar documentation/explanation (#32090)
* Expand "external content" section for navbar

- rephrase the intro to make a bit more sense
- add note about dangers of focus/reading order problems

* Remove pointless intro sentence

* Small wording changes/additions/fixes
2020-11-09 07:18:17 +02:00
Mark Otto
649e525c62
Add .gap utilities (#32074)
* Add gap utilities

* Update .bundlewatch.config.json

* Revamp headings on this page for better organization

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-08 20:56:02 +02:00
XhmikosR
4ed742e4db
Partially revert "Move this to a partial to work around the stray p issue." (#32076)
This partially reverts commit 23ddfa99a3.
2020-11-08 20:36:46 +02:00
XhmikosR
270f7be9d2
download.md: link to JS files comparison too (#32087) 2020-11-08 20:33:04 +02:00
XhmikosR
95df642ac9
reboot.md: mention "Liberation Sans" (#32084) 2020-11-08 20:31:19 +02:00
Martijn Cuppens
4c1f807142 Fix missing border & add transitions 2020-11-06 14:49:41 +02:00
Mark Otto
6a37612540 Add dedicated accordion component based on Collapse JS 2020-11-06 14:49:41 +02:00
Mark Otto
f20335b6c1
Add .d-grid to our display utilities (#32066)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-06 14:35:17 +02:00
XhmikosR
e8f1709adf Drop Legacy Edge support.
This allows us to move forward without being held back. Microsoft already replaces the Legacy Edge with the new one on supported Windows versions.
2020-11-05 15:37:34 +02:00
Mark Otto
0766a09605 Big copy edits and testing
Moves the remote utilities section to the using the api section and updates the code snippet to work. Previous one removed all utilities.
2020-11-05 07:50:09 +02:00
Luke-zhang-04
5e270a13d1 docs: add info on modifying and adding utilities 2020-11-05 07:50:09 +02:00
Mark Otto
3b985977c9 Editing and formatting utilities API page 2020-11-05 07:50:09 +02:00
Gaël Poupard
230a41f1d7
Form file docs and overrides (#32058) 2020-11-03 18:22:35 +01:00
Patrick H. Lauke
6682bba82d
Add callouts about using light colors ideally on a dark background (#32040)
* Add callout about using light colors ideally on a dark background

* Add callout to helpers > colored links as well
2020-11-02 20:39:49 +00:00
Mark Otto
d1dcc1e5e6 Update instances of .font-weight to .fw 2020-10-31 19:19:52 +01:00
Sead Memic
9cedf5b81e
Contrast colors added to theme-colors (#30044)
* Contrast colors added to theme-colors

* redundant colors removed froms docs, theme-colors refactor

* Add spaces for consistency

* Adapt to the recent changes

Co-authored-by: Sead Memic <sead.memic@intracto.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-31 08:21:31 +02:00
Mark Otto
241f910dc5
Updated .rounded utilities (#31687)
* Updated rounded utilities to fix scale, but not rename anything else

* Rename rounded-pill to border-radius-pill to match

Also reorder some variables while I'm here to make more sense

* Updated rounded utilities to fix scale, but not rename anything else

* Rename rounded-pill to border-radius-pill to match

Also reorder some variables while I'm here to make more sense

* Small copy addition

* Add example modifier class for spacing

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-30 22:42:11 +02:00
Patrick H. Lauke
6fc35e3231
Add cursor:pointer to color inputs (#32020)
* Add `cursor:pointer` for color inputs

* Add to migration guide
2020-10-30 18:03:07 +00:00
XhmikosR
ec05adee6d
Fix redirects (#32015) 2020-10-30 16:24:45 +02:00
XhmikosR
5076170d76
Minor Markdown fixes (#32009)
* add missing language after fenced block
* add missing end of file newline
2020-10-29 19:05:39 +02:00
Martijn Cuppens
f236667483 Drop custom file upload plugin in favor of CSS 2020-10-28 18:29:28 +01:00
Mark Otto
3e2f9ab237
v5: Floating labels (#30449)
* v5: Promote floating labels example to component

- Adds new .form-floating
- Stubs out basics of a docs page
- Removes existing Example

* Update floating labels to support .form-select, make inputs and selects more consistent

- To do this, I made the .form-control and .form-select consistent in min-height vs height
- Removed some unused variables now
- Updated -color to be the -color because I don't know why this was any different before
- Update page to include some examples for layout, validation, and value
- Rewrite styles to not modify padding, but instead transform and opacity

* Streamline and bulletproof some things

- Apply some optimizations from code review
- Removed unecessary properties from the label
- Add some comments for what properties are required
- Move from fixed height for labels to height 100% so we can support textareas
- Improve docs a little bit, add ToC

* Move some values to variables, switch from scaling font-size to scale, update transforms

* Bring over changes from #30966 and add to them to tighten things up

* Delete the now unused example images

* Fix typo

* Allowlist the calc function

* Add transform-origin, update transform values

* Test out autofill fix

* Fix linter issue

* Mention it in the migration guide

* Bump bundlesize

* Add one more variable per review

* Shave .25rem off the height

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-27 20:45:48 -07:00
Jonathan
582f52e9e1 Add example with input group between two inputs 2020-10-27 17:40:58 -07:00
Martijn Cuppens
642f40db25
Fix git conflicts after #30571 (#31982)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-27 11:36:58 +02:00
XhmikosR
0a61269da8
list-group.md: fix snippet (#31981) 2020-10-27 11:24:28 +02:00
Mark Otto
e5fa708491
v5: Add .fs-* utilities for font-size and rename font-weight/-style utilities (#30571)
* v5: Add .fs-* utilities for font-size

- Adds new font-sizes Sass map
- Generates six new classes for setting only font-size
- Updates docs to mention this, including a scss-docs reference

* Update font utilities

- Make .fs-* utils for font-size use RFS
- Rename .font-weight-* utils to .fw-*
- Rename .font-style-* utils to .f-*
- Update order of utilities a bit
- Update docs to match

* Update migration docs to make note of these changes

* Be more specific in font-size docs about scale

* Update font-style abbreviation to .fst

* Fix font-weight property

* Formatting & font style utility fix

* Move to Alpha 3 migration section

* Update migration guide for more details, splitting alpha 2 stuff back to the appropriate section in Migration guide

* Tweak language on example

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-10-26 16:42:07 -07:00
Martijn Cuppens
6df0cfecd1 Update migration guide 2020-10-26 15:23:25 -07:00
Martijn Cuppens
3e2c3298da Require .has-validation class to fix border radii on form elements 2020-10-26 15:23:25 -07:00
Mark Otto
1b6caf69c2
Rename Navs to Navs and Tabs (#31965)
* Rename Navs to Navs and Tabs

Fixes #31378

* Add title to renamed file
* Update navs-tabs.md
* Add alias/redirect
* Fix references to renamed file, tweak title

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2020-10-25 20:29:58 +00:00
Patrick H. Lauke
ed3097d145
Explicitly mention emoji fonts, tweak sentence in typography (#31960) 2020-10-25 19:21:42 +00:00
XhmikosR
5a3f273b60
Move href attribute first (#31835) 2020-10-22 09:38:15 +03:00
XhmikosR
4fca7ddd73 Update optimize.md
For some weird reason, using "Exports" as the callout header leads to TypeError coming from clipboard.js
2020-10-20 11:17:06 +03:00
Johann-S
480561c64b mention default export in our docs optimize section 2020-10-20 11:17:06 +03:00
Pascal Pepe
9cc24cf549 Update docs example on how to optimize JavaScript bundle 2020-10-20 11:17:06 +03:00
Patrick H. Lauke
6b25abfdcc
Small typo - remove the unnecessary "the" (#31932) 2020-10-19 15:33:03 +03:00
XhmikosR
e6618a6ebb
docs: switch to fenced codeblocks (#31806) 2020-10-19 12:56:49 +03:00
Gaël Poupard
48177c946f
docs(migration): mention spinners slow down (#31929) 2020-10-19 12:06:14 +03:00
Gaël Poupard
ed2f43e1b9
Apply smooth-scroll when prefers-reduced-motion: no-preference (#31877)
* feat(reboot): apply smooth-scroll when not prefers-reduced-motion

* docs(migration): mention scroll-behavior in alpha3

* docs(accessibility): mention scroll-behavior in reduced motion section

* docs(accessibility): rewording smooth scroll sentence

* feat(variable): introduce enable-smooth-scroll variable

* docs(accessibility): reword smooth-scroll sentence

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-19 12:00:37 +03:00
Gaël Poupard
ece40bcd11
Slow down spinners when prefers-reduced-motion: reduce (#31882)
* feature(spinners): slow down spinners when prefers-reduced-motion

* docs(spinners): add reduced motion callout and mention slowing down in accessibility page

* Update spinners.md

* docs(accessibility): rewording

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2020-10-19 11:42:19 +03:00
Gaël Poupard
e0a3b7ef0d docs(forms): use a legend for fieldset instead of aria-label 2020-10-19 11:38:22 +03:00
Gaël Poupard
116deb27c5 docs(forms): fix incorrect legend nesting in fieldset 2020-10-19 11:38:22 +03:00
Gaël Poupard
9589d9c54a docs(forms): drop useless text faking a label in horizontal forms example 2020-10-19 11:38:22 +03:00
XhmikosR
28f18f84a7
docs: switch to suggesting jsDelivr as a CDN (#31894) 2020-10-19 11:25:31 +03:00
Patrick H. Lauke
836a4c0bd6
Remove redundant visually hidden "(current)" from pagination controls (#31892)
* Replace visually hidden span with aria-current in tests

* Remove redundant visually hidden "(current)" when `aria-current` already used

Closes #31891
2020-10-14 11:59:43 +01:00
Mark Otto
0205a016b1 Update copy and add utilities to example 2020-10-13 16:48:17 +03:00
Gaurav Behere
776afb8e9e Adding overflow visible as util 2020-10-13 16:48:17 +03:00
XhmikosR
f3cfc8e7ec
Revert "Improve callout shortcode. (#31802)" (#31871)
This reverts commit 5c6925385e.
2020-10-13 16:37:21 +03:00
Mark Otto
4c3c552f93
Split up dropdown sizing docs to improve rendering (#31861)
- Drop the included .btn-toolbar, no need
- Split large and small button examples

Closes #31841

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-13 15:14:55 +03:00
Martijn Cuppens
cdc12165a9
Colors rewrite (#30622) 2020-10-13 09:58:06 +02:00
XhmikosR
5c6925385e
Improve callout shortcode. (#31802)
Remove the `markdownify` call, and instead rely on Hugo's proper syntax; `{{% callout %}}` when we want to the content to be processed as Markdown.

This allows for stuff like:

{{% callout info %}}
##### I'm an info callout!

```css
.foo {
  color: #fff;
}
```

{{< example >}}
<div class="alert alert-warning alert-dismissible fade show" role="alert">
  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
  <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
</div>
{{< /example >}}
{{% /callout %}}
2020-10-12 09:06:06 +03:00
Gaël Poupard
00dd55269a
docs: fix contrast color against .bg-info (#31839)
* docs(badge): ensure info badge's contrast

* docs(colors): fix contrasts in example using .bg-info

* Update card.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-05 16:47:46 +03:00
Ankit Mishra
ce1db01af0
carousel: add missing to description and fix nextwhenvisible description (#31809) 2020-10-05 15:49:02 +03:00
Rohit Sharma
e4be0640ee
Explain the "dispose" method appropriately (#30838) 2020-10-02 14:58:59 +03:00
Christian Oliff
c5966de273
Update btn-close-white docs to filter (not backdrop-filter) (#31796)
This PR fixes an error in the v5 docs. The btn-close-white class actually uses the filter (not backdrop-filter)
2020-09-30 14:57:00 +03:00
Justin
dd5ad8fb52
webpack.md: Replace "both of them" with "it" (#31794)
🎉 Yay! I helped!

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-30 08:57:28 +03:00
Mopsan
6105ebfe8d
validation.md: fix _validation.scss file reference (#31795) 2020-09-30 08:52:24 +03:00
Kyle Tsang
905b1b11b3
docs(Modal): Add xxl fullscreen example (#31583)
* docs(Modal): Add xxl fullscreen example

* Update modal.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-29 21:56:01 +03:00
Nikita Mikhaylov
0cb880c7fb
Fix disabled checkbox toggle buttons (#31651)
* fix disabled checkbox toggle buttons

* add disabled checks-radios examples in documentation

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-29 21:49:50 +03:00
Mark Otto
319954d369
v5: Add disabled examples for .form-control, .form-select, and .form-range (#31686)
* Add disabled state example to the .form-control page

* Document disabled attribute on select too

* Add disabled example for file input

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-29 21:39:37 +03:00
Mark Otto
187213305d
Change grid classes to utilities to make vertical nav example more resilient to narrow viewports (#31785)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-29 10:11:46 +03:00
XhmikosR
ec812dcf80
Replace ellipsis Unicode symbol with three dots. (#31774) 2020-09-28 15:01:25 +03:00
XhmikosR
e268e1c481 Minor wording fixes 2020-09-28 10:58:51 +03:00
XhmikosR
1b0db5944b Fix links 2020-09-28 10:58:51 +03:00
Mark Otto
d4ea73fef1 v5 alpha 2 migration guide updates 2020-09-28 10:58:51 +03:00
Mark Otto
f951be36a1
Carousel enhancements, including .carousel-dark (#31650)
* Replace existing carousel control icons with chevrons from Bootstrap Icons

* Add .carousel-dark variant

* Test

* Add variable for .carousel-dark filter

* Update _variables.scss

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-24 13:16:20 -07:00
Mark Otto
585b3ec532
Add .dropdown-menu-dark (#30171)
* Add .dropdown-menu-dark

* Match background color to navbar dark

* Update docs to include a navbar example

* Update dropdowns.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-24 18:55:15 +03:00
Mark Otto
9f60659d1d Updates to .ratio selectors and docs
- Remove group selector for ratio items
- Drop the .ratio-item entirely
- Update docs to explain updated approach
- Update Migration guide to reflect the latest
2020-09-23 13:30:11 -07:00
Mark Otto
73e5640405 Add example of responsive behavior for aspect ratios 2020-09-23 13:30:11 -07:00
Mark Otto
3b8c17029f Move styles to docs CSS 2020-09-23 13:30:11 -07:00
Mark Otto
fe38a85839 Rename the classes and docs page, update everything accordingly 2020-09-23 13:30:11 -07:00
Mark Otto
18f8601d29 Updates responsive embeds with new class names and CSS variables
- Renames .embed-responsive-XbyY classes to .embed-responsive-XxY
- Simplifies the Sass map to just be key and value, ratio and percentage
- Builds .embed-responsive-* modifiers with CSS variables
- Updates docs to show power of CSS variables
- Add notes to the Migration guide
2020-09-23 13:30:11 -07:00
Mark Otto
fae9aef3db Update toasts dismiss (moving more styles to CSS instead of utilities), fix some more close examples, and add a new .btn-close-white variant 2020-09-22 16:49:02 -07:00
Mark Otto
67f33a06c7 Update some close button examples 2020-09-22 16:49:02 -07:00
Mark Otto
57fc28a854 Add details to the Migration page 2020-09-22 16:49:02 -07:00
Mark Otto
99777662c6 Rename .close to .btn-close, replace times sign with background SVG, update focus state 2020-09-22 16:49:02 -07:00
Jaume Sala
7bbfd439c9
Extra position utilities (#31280)
* Extra position utilities

Given that there are utilities for the *position* property, it seems logic to have utilities for the *top*, *left*, *bottom* and *right* propertires.

* Update extra position utilities

* add default position values map

* tweak examples

* add real life examples

* fix double colon

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-20 19:42:41 -07:00
XhmikosR
4e9a29e47a Update webpack.md
Format snippets
2020-09-18 15:08:08 +03:00
Matthew Orahood
26c1fbe839 Update webpack.md
potcss-loader now uses the `postcssOptions` key. https://www.npmjs.com/package/postcss-loader
2020-09-18 15:08:08 +03:00
XhmikosR
b5fb84a91d
docs: fix a few redirects (#31689)
* Fix GitHub's permanent redirects

* Fix a11yproject redirects

* Update postcss-loader repo URL to the current  one
2020-09-17 20:01:04 +03:00
kyletsang
fec511da02 Docs: Fix vertical align link 2020-09-16 22:09:42 -07:00
Gaël Poupard
390ce245cc
docs(scrollspy): mention keyboard access and apply tabindex=0 (#31578) 2020-09-15 18:29:49 +03:00
Mark Otto
e3b7880abf Rewrite quick start JS sections in getting started page so things are more clearly organized 2020-09-15 08:57:19 +03:00
XhmikosR
85d00e6d85 Update site/content/docs/5.0/getting-started/download.md
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2020-09-15 08:57:19 +03:00
XhmikosR
7571fe73b6 docs: mention our bundle file clearly.
Note that we are using the bundle file already in our docs since 787441d.
2020-09-15 08:57:19 +03:00
Rohit Sharma
94c0f12329
Add getInstance method in the docs for tooltip (#31636)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-15 08:28:08 +03:00
Mark Otto
65d130fbd8 Mention the quotes requirement in the docs too 2020-09-15 08:19:58 +03:00
Gaël Poupard
5f5f1cbcff Typo in About / Overview 2020-09-14 11:52:18 -07:00
Gaël Poupard
b2d7d29f6d
docs(examples): ensure content sits in landmarks (#31579) 2020-09-10 12:39:29 +03:00
Mark Otto
fe31971552 Remove sibling projects and fix image dimensions 2020-09-10 11:56:02 +03:00
XhmikosR
d9318796fe Remove loading=lazy from navbar snippets 2020-09-10 11:56:02 +03:00
XhmikosR
ea5d555139 Fix the remaining instances using the old logos. 2020-09-10 11:56:02 +03:00
XhmikosR
001b4f0d6b Remove loading=lazy from the image in viewport 2020-09-10 11:56:02 +03:00
Mark Otto
eb23b98fb5 First pass at cleaning up About pages and brand assets 2020-09-10 11:56:02 +03:00
Patrick H. Lauke
42a0f8f007
Docs: (subjectively) nicer looking accordion example (#31137)
* Docs: (subjectively) nicer looking accordion example

the use of `.btn-link` currently just looks a bit odd, subjectively (as in v5 we now force the underline to always be there, while in v4 at least it was only on hover/focus).
`.btn-light` seems more fitting

* Add extra classes for nicer overall look

as suggested by @ysds

* Tweak accessibility note for accordions and optional keyboard interactions
2020-09-10 08:04:13 +01:00
Mauricio Hernan Cabrera
6455c2e8aa
Add border width utility (#31484)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-09-09 11:28:52 +03:00
Gaël Poupard
fb9bf54d2c
docs(build tools): mention how to get the sources (#31590) 2020-09-04 20:18:20 +03:00
Jeremy Jackson
1503aa18d1
Add default parameters to each border radius mixin (#31571)
* Add default parameters to each border radius mixin

* Add border radius changes to migration guide

Co-authored-by: Jeremy Jackson <jeremy@librarymarket.com>
2020-09-01 14:17:17 -07:00
Alex Plescan
a8b8f631cf
docs: Fix typo on Customize -> Color page (#31556)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-01 17:05:40 +03:00
Gaël Poupard
b547ef4a85
docs(typography): missing punctuation (#31505) 2020-08-19 15:44:52 +01:00
Christian Oliff
ed9c481ef4 Mention that Edge Legacy also supports 'filling' their track
Edge Legacy support filling their track by default.

Example: https://codepen.io/coliff/pen/VwaZgVZ
2020-08-17 17:00:04 -07:00
Christian Oliff
d0a87ef784 Remove 'both' as its no longer just 2 breakpoints (now that XXL is there) 2020-08-17 16:59:12 -07:00
maks
adf4567386 make breakpoints specifications consistent with layout/grid.md
0-576px could be misinterpreted "up to 576px included"
2020-08-05 16:05:16 -07:00
kyletsang
b6b672c00b docs: Fix issue number typo in migration 2020-08-05 16:04:58 -07:00
Shohei Yoshida
e8566e10c7
box-shadow() mixin allow 'null' and drop support 'none' with multiple args (#30394)
* Support 'null' and drop `none` with multiple args

* Output a warning when use 'none' with multiple arguments

* Add migration note

* Update migration.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-08-04 21:51:19 +03:00
Mohammad Ali Shahbazi
5be7fe001e Added opacity-75 and opacity-50 classes 2020-08-03 10:54:03 -07:00
Mohammad Ali Shahbazi
76ad4aa083 Fixed typo in docs v5 (Utilities/API) page 2020-08-03 10:54:03 -07:00
Mark Otto
393efaf795
Update migration guide (#31387)
* Document change to form check and radio size

* Update todos in Migration guide

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-08-03 19:42:31 +03: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
2a3e487dba
Update copy around breakpoint sizing (#31382)
* Update copy around breakpoint sizing

Fixes #31288

* Update breakpoints.md

* Further copy changes

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-07-31 12:38:17 -07:00
Patrick H. Lauke
23c3806864
Add accessibility note about dismissible alerts and focus (#31358) 2020-07-31 10:31:09 +01: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
Mark Otto
8d89e0a14d
Migration update (#31278)
* Clarify screen reader changes

* Add some docs and reboot notes to migration guide

* Add mention of docs renaming of screen reader helper page

* Mention null vars from navs PR at #31035

* Update migration.md

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-07-13 21:40:27 +03: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
Rohit Sharma
91c11d6465
toasts: make default duration 5s (#31109)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-07-12 15:43:26 +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
Patrick H. Lauke
eeb73e0ccf
Docs: forms accessibility cleanup (#31114)
* Expand on disabled fieldsets and faked buttons

include further advice/information on how to disable faked buttons for keyboard/AT users

* Centralise accessible name advice in forms overview

seems odd to only mention (separately) label, aria-label etc in input-group and layout. the advice is just as pertinent in other sections like select. checks only skims over this.

moving this, in expanded form, into the overview section itself. adding a specific cross-reference (just because they are easily left with no accname at all) in the checks page.

* Change warning about accessibility, modify server-side example

- paradoxically, due to our current problems with validation (see #28414) and the fact that browsers seem to have improved in this area for the most part, it's now actually better to use browser-native validation
- added explicit `id` and `aria-describedby` association to at least the server-side form error messages, to show how it should be done properly, and expanded the prose for that explaining this.

* Replace `.sr-only` with `.visually-hidden` in new addition

* Copy edits for clarity in parenthetical

* Copy and formatting tweaks

- Wordsmithing here and there
- Turns some hyphens into em dashes
- Turns a long running comma separated list into an unordered list
- Rearranges some copy just a bit

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2020-07-11 21:38:43 +01:00
Florian Lacreuse
19b5908b05 Fix docs sass importing example. 2020-07-11 12:01:15 -07:00
Mark Otto
6acdfdbfa0 Update layout.md 2020-07-11 11:49:56 -07:00
Rohit Sharma
6eaa36fb6f Single line example for inline forms 2020-07-11 11:49:56 -07:00
Patrick H. Lauke
69b3c46483 Rename sr-only to visually-hidden in new/renamed helper doc file 2020-07-10 16:00:50 -07:00
Patrick H. Lauke
9d2cd1b9b8 Add alias/redirect 2020-07-10 16:00:50 -07:00
Patrick H. Lauke
7657c1e37d Reword slightly awkward-sounding description 2020-07-10 16:00:50 -07:00
Patrick H. Lauke
4702f0cdd4 Emphasise/call out the note about .invisible and AT 2020-07-10 16:00:50 -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
828366de89
Docs: separate button group out of checks/radios, expand button groups page (#31201)
* Keep checks/radio toggle buttons on topic

- give examples of the pure toggle checks and radios, without the button group class. show that these work fine without `.btn-group`, but still cross-reference it
- move the explanation from "Checkbox toggle buttons" directly to "Toggle buttons", as the mention of using button classes applies equally to the subsequent "Radio toggle buttons" and "Outlined styles" subsections.

* Expand button group description

as it's not just single line, but vertical as well

* Expand button group examples

- add more colour ... `.btn-secondary` is just dull and uninspiring
- new section to showcase "Checkbox and radio button groups"
- add a mixed styles example
- add an example of vertical radio button group
2020-07-06 08:52:43 +01: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
Patrick H. Lauke
0a6cf9036c
Docs: improve/expand button documentation (#31093)
* Docs: improve/expand button documentation

- since we're not doing the disabled cursor thing anymore anyway, remove confusing/unnecessary mention for link-based disabled buttons
- make the disabled toggle example using a link actually follow the preceding advice of also having `tabindex="-1"` and `aria-disabled="true"`
- tweak the link functionality callout to also still mention `aria-disabled` to reinforce the idea
- tweak toggle state description (not just `<button>`s, but also links etc...so just remove mention of `<button>` there; also reinforce accessibility aspect once more)
- add a new callout that cross-references checkbox-based toggles, and what the similarity/difference between them is
- add a matching cross-reference callout to the checkbox-based toggle buttons page

* Update link to now renamed checks-radios.md
2020-07-03 12:34:32 +01:00
Patrick H. Lauke
386f9e327e
Docs: clarify that pointer events classes don't affect keyboard interaction (#31134)
* Docs: clarify that pointer events classes don't affect keyboard interaction

* Neutralise example links that are `pe-none`
2020-07-03 12:23:28 +01:00
Sascha Nuissl
dca5ad0288
Fix generated example code for RFS (#31213)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-07-01 18:13:20 +02:00
XhmikosR
f6ca8f1efb
Update migration.md (#31122)
* Add a new v5.0.0-alpha2 section
* Add missing Browser versions from v5.0.0-alpha1
2020-07-01 15:43:06 +03:00
XhmikosR
6cd3159caa Use the site param for icons 2020-07-01 15:21:43 +03:00
Alex Mohr
f7cf44d3a0
Fix spelling mistake (#31190)
Co-authored-by: Alex Mohr <mohralexj@gmail.com>
2020-06-27 21:39:17 +01:00
Patrick H. Lauke
490acf60ca
Docs: rename form checks page to "Checks / radios" (#31090)
* Docs: rename form checks page to "Checks / radios"

it's not immediately obvious that "checks" includes information about both checkboxes and radio buttons. while "checks / radios" is also still not perfect (as honestly even I didn't quite grok that "checks" meant checkboxes), it should make it slightly more obvious nonetheless
2020-06-27 21:31:59 +03:00
Patrick H. Lauke
2c38800ea2
Add code to method/property tables (#31130)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-27 14:28:21 +03:00
Gaël Poupard
9c320df652
Floating labels improvements (#30966)
* docs(example): floating-labels' better Edge fallback

* docs(example): refactor floating-labels' CSS
2020-06-24 14:11:20 +03:00
Patrick H. Lauke
d6671d8f2d
Docs: move color utility callouts to start of page (#31135)
* Move color utility callouts to start of page

Hierarchically/structurally, in the position they are currently at, the two callouts seem like they "belong" just to the "background color" section. Moving them to the start makes it clearer that those two callouts relate to everything in the page (both "Color" and "Background color" classes.

* Change heading level

otherwise the assistive technology callout looks like it's hierarchically under the "Dealing with specificity" heading
2020-06-21 15:33:07 +03:00
Mark Otto
806f64e162
Correctly document how to add to Sass maps (#31107)
Fixes #31089.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-20 07:29:20 +03:00
Mattonit
fc74a0d915
Updated the command to install using yarn (#31075)
* updated yarn command to install latest version

* Update README.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-19 20:55:04 +03:00
Quy
d3aa909c92
Fix links to gutters page (#31116) 2020-06-19 20:42:25 +03:00
Patrick H. Lauke
edbcc401c2
Change whitelist to allowlist (#31066)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2020-06-19 11:31:37 +03:00
Hiws
7acf586d3e
Docs: fix typo (#31106)
* Fixes a typo so it displays the correct px's.

* Update gutters.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-19 08:10:28 +03:00
Nic Johnson
b84c9ed489
Fix typo (#31102) 2020-06-18 21:46:03 +03:00
Mark Otto
d6a9e785b5
Add new toasts examples (#30572)
* Add two new toasts examples

- Adds a new custom content example that removes the toast header and adds a custom close icon
- Adds docs for how to create your own color schemes
- Adds example of additional buttons

* Update toasts examples

- Remove span and place aria on SVG element
- Add .border-0 to color scheme example for crisper edges

* Update toasts.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-18 10:27:42 -07:00
Christian Studer
3a61e1ae2f
Fix Stack Overflow tag (#31062) 2020-06-18 12:56:57 +03:00
Tanguy Krotoff
d80a9fc553
Fix tooltip when hovering a children element (delegateTarget) (#30928)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-18 10:02:44 +03:00
Mark Otto
ffbdb08474 Add oxford commas 2020-06-17 21:45:34 +03:00
Patrick H. Lauke
e6ce44e5e2 Docs: tweak accessibility section
- point to WCAG 2.1 rather than 2.0
- soften/expand the language around color contrast, since the situation has definitely improved in v5 but we still can't guarantee all possible permutations of colors/opacities/etc
- minor language/stylistic tweaks
- add further resources
2020-06-17 21:45:34 +03:00
Bruno Baguette
f4e6932611 Typo fix : depedending ⮞ depending 2020-06-17 10:44:58 -07:00
Bruno Baguette
588a029abc Typo fix : individiual ⮞ individual 2020-06-17 10:44:45 -07:00
Bruno Baguette
d2aefa7d94 Typo fix : ocassions ⮞ occasions 2020-06-17 10:44:31 -07:00
Bruno Baguette
59943ab868
Several typo fixes (#31077)
* Typo fix : thesse ⮞ these

* Several typo fixes

verical ⮞ vertical
availble ⮞ available 
thesse ⮞ these
2020-06-17 10:43:54 -07:00
Patrick H. Lauke
639fb4f251
Docs: clarify rationale for button group on links (#31071) 2020-06-17 16:37:27 +02:00
Patrick H. Lauke
5ad43fec83
Docs: fix old/broken example capture and typo (#31070)
* Docs: fix old/broken example capture and typo

* Make example less broken-looking

don't want to give impression that now it's ok to just sprinkle `role="button"` around. this at least makes the `span` keyboard-focusable, similar to at least the start of a custom control

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-17 15:28:35 +03:00
XhmikosR
723cd8d12b Prepare docs for v5.getbootstrap.com
* use v5.getbootstrap.com as the site URL/CNAME
* block robots from crawling
* specify next npm tag
2020-06-16 22:02:03 +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
Quy
11e63c1b36
Fix typo (#31051)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-16 21:25:54 +03:00
XhmikosR
96aa924d37
Fix BootstrapCDN's name (#31049) 2020-06-16 19:37:42 +03:00
XhmikosR
3b66bbeddc
Fix a broken link and a redirect. (#31045) 2020-06-16 19:32:00 +03: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
Jonathan
1b2ea5efb1 Update index.html
Hyphen to minus for amount.
Hyphen to dash for ranges.
2020-06-14 21:22:35 -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
Gaël Poupard
aee711bfa9 docs(examples): fix pricing example 2020-06-14 14:47:56 -07:00
Gaël Poupard
6fa3dfe8d9 docs(examples): improve headings hierarchy 2020-06-14 14:47:56 -07:00
Gaël Poupard
7b30cb9b77 docs(examples): empty alt for screenshots to prevent redundancy 2020-06-14 14:47:56 -07:00
Mark Otto
a656458856 Run dist on latest 2020-06-14 13:52:54 -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
Gaël Poupard
2a4e97b56c docs(layout): drop useless .text-left on overview table 2020-06-11 22:39:49 -07:00
Rohit Sharma
6061227f77 Update docs for navs
Co-authored-by: Mark Otto <otto@github.com>
2020-06-09 07:48:58 +03:00
Rohit Sharma
e140ff92ed Remove .nav-item from .nav-link to make it consistent
- Closes #28423
2020-06-09 07:48:58 +03:00
Rohit Sharma
5faf41eb48
Add role="dialog" in modals via JavaScript (#30936) 2020-06-04 10:35:09 +03:00
XhmikosR
358d637d1c Read validate-forms.js from assets. 2020-06-03 15:57:20 +03:00
XhmikosR
6824d67beb Fix forms validation snippets. 2020-06-03 15:57:20 +03: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
Gaël Poupard
ad518e2097
Apply utilities in docs styles (#30866)
* docs(theming): apply utilities where possible

* Update docs-sidebar.html

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-26 19:02:19 +03:00
XhmikosR
167739baf1 Update grid.md
Fix docsref links
2020-05-26 18:48:03 +03:00
XhmikosR
b1c720d047
examples: remove no longer used classes. (#30894) 2020-05-26 11:01:17 +03: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
Gaël Poupard
e1f320851a docs(customize/sass): dark color-contrast is #212529 as of now 2020-05-20 09:49:18 +02:00
Gaël Poupard
b45a2ab178 docs(customize/colors): dump grays swatches (unused) and merge -500 in swatches 2020-05-20 09:49:18 +02:00
Gaël Poupard
e03ef123e2 docs(contrasts): move content after rebasing master 2020-05-20 09:49:18 +02:00
Gaël Poupard
a7e1b914ef docs(colors): better color utilities pairing to ensure sufficient contrast 2020-05-20 09:49:18 +02:00
XhmikosR
e271d01606
Streamline application.js exampleModal code (#30819)
* use `textContent` since we only need to add text
* move comments
2020-05-19 08:33:12 +03:00
XhmikosR
62626db320 More Markdownlint fixes 2020-05-18 16:28:22 +03:00
Mark Otto
d2f07ec9e1 Fix some easy Markdown linting issues
- Always use dashes for bullets
- Add some basic alt text for our readme OC sponsors
2020-05-18 16:28:22 +03:00
XhmikosR
01d1d6bb0c migration.md: a few grammar fixes 2020-05-15 15:03:12 +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
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
5d11d5790a
Fix broken anchors. (#30828) 2020-05-14 19:43:56 +03: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