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

608 Commits

Author SHA1 Message Date
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
668ff4e62e
Tweak versions page columns (#31754) 2020-09-28 12:40:34 +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
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
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
Christian Oliff
53eb7d3883
Fix .browserslistrc file name in docs (#30800) 2020-05-13 21:28:57 +03:00
Rohit Sharma
ec3cfae29c
Removed role="document" from the modal dialog (#30755) 2020-05-11 12:45:42 +03:00
XhmikosR
23aaee8c6f
Fix typo (#30745) (#30746)
Use possessive form of it

(cherry picked from commit d63b651f37)

Co-authored-by: Quy <quy@fluxbb.org>
2020-05-06 09:12:26 +03:00
Johann-S
f91788548c
enforce element check on scrollspy target (#30747) 2020-05-06 07:30:43 +03:00
Gaël Poupard
fb0ad7a93c
Fix form file height (#30699) 2020-05-05 19:43:16 +02:00
Mark Otto
1f531a6583 Update CSS variables docs to clarify usage and intent 2020-05-02 15:13:58 -07:00
Mark Otto
ee2765076d Finish up creating your own components docs 2020-05-01 11:35:40 -07:00
Mark Otto
e0b1eff2d3 Update function names in migration, clarify tints and shades are Sass variables 2020-05-01 11:35:40 -07:00
Mark Otto
ca5c67364a Remove mentions of Bootstrap 4 in a few places, replacing with updated guidance where appropriate 2020-05-01 11:35:40 -07: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
XhmikosR
df88748eb7
Add a script to zip the built examples (#30130) 2020-04-29 21:03:26 +03:00
Mark Otto
28cb1ff2b2 Fill in some unusedcss section links 2020-04-26 17:26:04 -07:00
Mark Otto
ac58c25dc8 Update CSS variables docs
- Rename available vars section to root vars and mention they're globally available
- Add new component vars section and link to table docs for WIP example
2020-04-26 17:26:04 -07:00
Mark Otto
7ba43e3361 Include code snippet for lean JS section 2020-04-26 17:26:04 -07:00
Mark Otto
78261846dd Add example of a custom component using docs callouts 2020-04-26 17:26:04 -07:00
Mark Otto
cb4aff6eac Update shortcode usage 2020-04-26 17:26:04 -07:00
Mark Otto
81417a2fc6 wordsmithing 2020-04-26 17:26:04 -07:00
Mark Otto
1e3672418a pull in latest from old theming page 2020-04-26 17:26:04 -07:00
Mark Otto
88490fe81d Use scss-docs for color maps 2020-04-26 17:26:04 -07:00
Mark Otto
cab56abd08 Add more context to customizing components 2020-04-26 17:26:04 -07:00
Mark Otto
cbe8ad0bf8 Add overview intro to the Customize section 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
Mark Otto
bb7ada6548 Remove existing Theming page as we build out a new Customize section 2020-04-26 17:26:04 -07:00
Martijn Cuppens
cff2a085bb Update table docs copy
Co-Authored-By: Mark Otto <markd.otto@gmail.com>
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
Martijn Cuppens
b79e55fed4
Remove negative margins leftovers (#30596)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-18 09:11:17 +03: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
XhmikosR
f0abe26b98
guuters.md: fix link and highlight (#30595) 2020-04-15 17:14:56 +03: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
fea6f6987d
v5: Improve the responsiveness of our Dashboard example (#30573)
Cleans up some column classes to ensure things line up across all viewports. Also fixes some broken padding on the .navbar-brand.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-15 07:22:55 +03: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
e3583115c6 Clarify media query using .02px and bump from callout to warning 2020-04-13 13:55:34 -07:00
XhmikosR
5f932ff734 layout/z-index.md: retrieve z-index variables on build time 2020-04-13 13:55:34 -07:00
Mark Otto
33a4e8ff9b Rewrite grid docs to account for new grid tier
- Breaks grid content across multiple pages
- Updates mentions of grid tiers from five to six
- Rewrites how it works sections to reference new options and tiers
2020-04-13 13:55:34 -07:00
Gaël Poupard
bfbf265a50
Use correct hex color code(#30533) 2020-04-08 12:50:57 +02:00
Martijn Cuppens
83b49aa688
Create scss-docs shortcode to get some snippets from the Scs… (#30502)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-06 20:13:35 +02:00
ysds
062002d952 Fix CSS and improve docs 2020-04-01 10:05:43 +03:00
gsoti
e138decdbb Add Full-Screen size to Modal and Responsive variations for breakpoints
(Works from breakpoint and down)
2020-04-01 10:05:43 +03:00
Martijn Cuppens
c48d89cb70 Use unordered lists in dropdown-menus 2020-03-31 22:52:57 +02:00
cccabinet
695088ba8f Docs: Use unordered lists in dropdowns 2020-03-31 22:52:57 +02:00
Martijn Cuppens
df707cd727
Require .form-label classes on form labels (#30476) 2020-03-31 20:02:57 +02:00
Gaël Poupard
a0c2a29a8d
docs(tables): 1, 2, 2, 4… (#30489)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-03-31 17:28:10 +03:00
Martijn Cuppens
8414126266
Switch to custom properties to control grid gutter widths (#30475) 2020-03-30 15:12:36 +02:00
XhmikosR
74afe149c4
Dist (#29924) 2020-03-28 12:29:08 +02:00
XhmikosR
c0efceb6d5
docs: remove duplicate code for indeterminate (#30471) 2020-03-28 11:41:03 +02:00
Laussel Loïc
7ce29d75f3
v5 tabs - accessibility issue when using ul/li semantic
Add aria-role presentation on li element when ul element has role tablist and remove dropdown from visual tests as they've been removed from doc
2020-03-28 09:51:24 +02:00
XhmikosR
98c4598696 Fix redirected links. 2020-03-24 22:05:26 +02:00
Patrick H. Lauke
7af4af209c Add accessible name to fieldset 2020-03-24 15:02:58 +02:00
Patrick H. Lauke
00ff5b83f9 Add explicit aria-label to unlabeled controls
- in particular, controls that just relied on `placeholder`, as this is still not officially/consistently supported as a valid way to provide an accessible name (though some browsers do use it as a fallback)
2020-03-24 15:02:58 +02:00
Patrick H. Lauke
a68f73e754 Remove unnecessary <form> elements, add a submit button to validation example 2020-03-24 15:02:58 +02:00
Patrick H. Lauke
c96f6391e8 Add explicit title to iframe embed 2020-03-24 15:02:58 +02:00
Patrick H. Lauke
1871412978 Add explicit scope="col" to <th> column headers 2020-03-24 15:02:58 +02: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
Shohei Yoshida
1b7e13f2a3
Update modal docs (#30325) 2020-03-23 18:15:30 +01:00
Gaël Poupard
03908ea37a
Use WCAG contrast algo (#30168) 2020-03-23 18:03:56 +01:00