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

1194 Commits

Author SHA1 Message Date
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
Aleksandr Gorbatov
6c1df1b788
docs: Add Russian translation (#31828) 2020-10-26 20:46:53 +02: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
Mark Otto
594efec0f1
Don't wrap the code snippets in our docs (#31679)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-23 01:06:52 +03:00
XhmikosR
0b5fc69a4e
Update anchor-js to v4.3.0. (#31951) 2020-10-22 19:46:26 +03:00
XhmikosR
5a3f273b60
Move href attribute first (#31835) 2020-10-22 09:38:15 +03:00
XhmikosR
afc0e83ecc
Update bs-table shortcode (#31803) 2020-10-22 09:32:46 +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
XhmikosR
fb30989ee2
Update manifest.json (#31893)
Switch to relative URLs so that we don't need to change the path with every major/minor release
2020-10-15 16:32:52 +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
XhmikosR
42ae96f26d
Update social.html: use article when it's a page (#31775) 2020-09-29 19:28:03 +03:00
XhmikosR
476bd883ad
docs: remove pixels from SVGs (#31791)
It's the default unit.
2020-09-29 19:23:55 +03:00
XhmikosR
b083c9639f
Prepare v5.0.0-alpha2. (#31748) 2020-09-29 18:33:00 +03:00
XhmikosR
d862a9f276
Revert #31761 (#31792)
Revert "Re-optimize SVG"

This reverts commit 331566bc85.

Revert "Move homepage-hero.svg to an img tag"

This reverts commit c24acf8d2c.
2020-09-29 18:24:30 +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
4238a04de3 Compress the new images 2020-09-28 19:22:53 +03:00
Mark Otto
661577173d Add new Bootstrap Icons homepage images 2020-09-28 19:22:53 +03:00
XhmikosR
ec812dcf80
Replace ellipsis Unicode symbol with three dots. (#31774) 2020-09-28 15:01:25 +03:00
XhmikosR
668ff4e62e
Tweak versions page columns (#31754) 2020-09-28 12:40:34 +03:00
XhmikosR
331566bc85 Re-optimize SVG 2020-09-28 11:03:21 +03:00
XhmikosR
c24acf8d2c Move homepage-hero.svg to an img tag 2020-09-28 11:03:21 +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
b060c9e3d2
Convert SVGs in navbar and subnav to pixels (#31767) 2020-09-28 10:39:29 +03:00
XhmikosR
6c2abf3a1e
brand: minor consistency changes (#31750) 2020-09-25 19:40:58 +03:00
Mark Otto
74279460c2
v5: Adjust docs sidebar and navbar (#31119)
* Hide the docs nav on mobile, redesign it for two columns on narrow devices

* Tweak spacing on ToC

* Redesign sidebar and subnav

* Revamp subnav mobile layout so everything's on one line

* Tighten up masthead a little

* Switch the icon for the subnav and do a little icon toggling

* Fix mobile overflow since we changed guters stuff

* Add the widths

* make the subnav icon purple
2020-09-25 09:35:24 -07: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
XhmikosR
979c66b674
docs: link to the Asynchronous functions section (#31738) 2020-09-24 22:20:01 +03: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
1e69503a73 Increase margin in button examples to better highlight focus styles 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
512242943c Rremove separate JS includes from homepage for simplicity's sake, but include a link to doing it separately 2020-09-15 08:57:19 +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
Gaël Poupard
28a92234e5
docs(layout): ensure content sits in main (#31610)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-10 12:33:11 +03:00
Gaël Poupard
cbe4daff6f
docs(home): wrap all content in <main> & use <section> (#31580)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-10 12:26:26 +03:00
Mark Otto
e6ce3989ed Update team 2020-09-10 11:56:02 +03:00
Mark Otto
fe31971552 Remove sibling projects and fix image dimensions 2020-09-10 11:56:02 +03:00
XhmikosR
b7b470683f Update _brand.scss 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
1b4bb95033 docs-navbar.html: add missing width 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
135c78a043 Update the new SVGs with the svgo config we use 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
XhmikosR
23803d3de7 Remove the unused PNG files. 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
5b37d03ff9
docs(placeholder): drop role=img and use aria-hidden for decorative SVG placeholders (#31575)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-04 20:21:54 +03:00
Gaël Poupard
fb9bf54d2c
docs(build tools): mention how to get the sources (#31590) 2020-09-04 20:18:20 +03:00
Gaël Poupard
7134f6aa38
Drop h4 color customization in callouts (#31576) 2020-09-03 10:45:04 +02:00
Patrick H. Lauke
0e007e697e
Docs: Add top/bottom margin to highlighted code samples (#31036)
* Add top/bottom margin to highlighted code samples

provide more space to avoid having the "Copy" button overlap code sample content

* Modify clipboard button style

Per https://github.com/twbs/bootstrap/pull/31036#issuecomment-661322566 and https://github.com/twbs/bootstrap/pull/31036#issuecomment-668162630

* Tweak margin, clipboard button size and position

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-02 07:17:53 +01:00
Arnaud Thomas D
7326232b0e
Fix incorrect green and cyan hex codes (#31572) 2020-09-01 14:20:59 -07: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
Łukasz Holeczek
730a020140 Update icons.yml
Add new icons set - CoreUI Icons
2020-08-22 14:41:46 -07: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
Mark Otto
2d2b6759b6
Add view on GitHub links for easier content editing from the docs (#31339)
* Add view on GitHub links for easier content editing from the docs

* Update docs.html

* Move to .btn-bd-light

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-08-04 08:09:45 +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
Rohit Sharma
2ec2e138c9
Add toasts to the components requiring JavaScript (#31344) 2020-07-21 16:08:21 +03:00
Gaël Poupard
cb1eee16f0 docs(skippy): prevent skip links from overlapping header 2020-07-13 12:36:29 -07:00
XhmikosR
9e372b121a Sort the versions from the latest to the oldest. 2020-07-13 12:08:34 -07:00
Mark Otto
c52b7d5475 Improve spacing 2020-07-13 12:08:34 -07:00
Laim
aa5be4c20c Update version.md to include v5
Version.md on v5.getbootstrap.com is only referring to v1 > v4 when it should be referring to v1 > v5.
2020-07-13 12:08:34 -07: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
Florian Lacreuse
49934b2bba
Fix some hexa in colors docs. (#31254) 2020-07-07 20:28:24 +03: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
Martijn Cuppens
7cedb8eeae
Fix sidebar jump (#31232) 2020-07-03 15:16:05 +02: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
da9c7d12ab Remove extra space 2020-07-01 15:21:43 +03:00
XhmikosR
daa45824d5 homepage-hero.svg: move defs before g 2020-07-01 15:21:43 +03:00
XhmikosR
6cd3159caa Use the site param for icons 2020-07-01 15:21:43 +03:00
XhmikosR
6c00c51d97
homepage: Fix wrong indentation (#31211) 2020-06-30 14:49:47 +01: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
Mark Otto
ca22e72411 Remove backdrop-filter from docs subnav
Fixes #31163.
2020-06-25 09:47:20 +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
Patrick H. Lauke
b1560e2d18
Docs: add Gaël Poupard to the core team page (#31081)
Docs: add Gaël Poupard to the core team page
2020-06-18 09:24:23 +01: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
Mark Otto
40fd8350f3 Update v5 readme
- New logo
- Add callout to v4-dev branch
2020-06-16 22:02:03 +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
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
Quy
11e63c1b36
Fix typo (#31051)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-16 21:25:54 +03:00
XhmikosR
d126c1fe4e Move homepage-hero.svg and improve compression 2020-06-16 21:19:32 +03:00
XhmikosR
a9519d6336 Remove the unused bootstrap-stack.svg 2020-06-16 21:19:32 +03:00
Mark Otto
69921580fd Downsize SVG, add role=img 2020-06-16 21:19:32 +03:00
Mark Otto
e8a590f253 Center up the B in our logo a bit better 2020-06-16 21:19:32 +03:00
Mark Otto
442df2119b Update navbar logo and hero image 2020-06-16 21:19:32 +03:00
Mark Otto
0cc66b4145 Update navbar and subnav to xxl container 2020-06-16 21:19:32 +03:00
Mark Otto
6ca54573a9 Update v5 homepage to match v4.5's changes 2020-06-16 21:19:32 +03:00
XhmikosR
e084588517 Fix social_image_path dimensions 2020-06-16 20:04:56 +03:00
XhmikosR
cf6ab08842 Add new favicons. 2020-06-16 20:04:56 +03:00
XhmikosR
1776197c26 Remove IE-specific images/files. 2020-06-16 20:04:56 +03:00
Mark Otto
17768d2459 v5: New favicons 2020-06-16 20:04:56 +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