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

982 Commits

Author SHA1 Message Date
Andrea Sudharta
f9e3d01f30
corrected link to text alignment docs (#34119)
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-05-28 09:16:41 +02:00
hugonun
993b533dc6
Changing HTTP to HTTPS (#34090) 2021-05-25 08:28:27 +03:00
Mark Otto
8033975548
Document how to make utilities responsive using the API (#34062) 2021-05-22 10:51:30 +03:00
midzer
0a4219a0b8
Replace freenode with libera IRC server (#34050) 2021-05-21 08:08:04 +03:00
Jason Sperske
a44f3f47cb
Adjusted z-index to cover "copy" buttons (#34018)
The copy to clipboard buttons have a `z-index:10` while the toasts were styled to have a `z-index:5" causing them to appear under the button.
2021-05-19 07:54:21 +03:00
Gaël Poupard
0b2d20b975
docs(font-stack): drop BlinkMacSystemFont (#34009) 2021-05-18 08:48:43 +03:00
Gaël Poupard
9f678d6a5d
docs(examples): Dashboard improvements (#34007) 2021-05-18 08:47:09 +03:00
Gaël Poupard
83bcc3c00f
docs(cheatsheet): fix JS errors in setActiveItem() (#34011) 2021-05-18 08:31:15 +03:00
Mark Otto
d80cb2241d
Update Sidebars example to fix dividers and rendering on Chrome (#33859) 2021-05-12 21:34:34 -07:00
alpadev
a6dfaca605
docs: make tooltip anchor properly wrap the svg (#33901)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-11 11:38:48 +03:00
GeoSot
19f95a3d8d
Fix offcanvas example, using a custom trigger selector (#33926)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-11 10:58:45 +03:00
Christian Oliff
b110c0f0e2 Remove unneeded 'Edge Legacy' mention in Range docs 2021-05-10 13:49:16 -07:00
Tim Yang
18bc0d5d2b Fix "directoinal" typo in v5 migration docs 2021-05-10 13:48:34 -07:00
alpadev
75fe3244db
docs: fix rtlcss stringmap configuration (#33915) 2021-05-10 21:13:23 +03:00
Nikolay Nizriukhin
488fd8afc5
Fix accordion link (#33896)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2021-05-08 13:28:15 +01:00
Chris Blakley
f12bc3316b
Fix "no long require" to "no longer require" typo (#33879)
Fixed a typo in the Migration guide from "...we no long require..." to be "we no longer require..."
2021-05-08 13:24:39 +01:00
Jaume Sala
e54d43cba3
Fix value (#33868) 2021-05-08 13:22:07 +01:00
Patrick H. Lauke
6ecf21870a
Add accessible names to SVG icons in alerts (#33893) 2021-05-08 12:53:03 +01:00
jrn2778
eb73a2fc6f
Fix unnecessary classes (#33850)
* Fix unnecessary classes

* Removed unnecessary div

Co-authored-by: Mark Otto <otto@github.com>

* Updated centered hero primary button classes

Co-authored-by: Mark Otto <otto@github.com>
2021-05-06 16:10:23 -07:00
Christian Oliff
c9a606a894 update About text now that Bootstrap 5 is live
..and big congrats (and thanks) to all the Bootstrap team on v5 launching :-)
2021-05-06 16:04:26 -07:00
kyletsang
597da0fb59 Fix browser support versions in migration doc 2021-05-06 16:04:13 -07:00
Manabu Niseki
f3403ef7b7 Fix typo in migration.md 2021-05-06 16:03:59 -07:00
Mark Otto
e54654ead0
Fix typo in scrollspy docs (#33841)
* Fix typo

* remove duplicated "heading"

Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-05-06 16:00:30 -07:00
Mark Otto
5e980ddd1c Remove extra t in Close button heading in Migration guide 2021-05-06 16:00:11 -07:00
XhmikosR
bf09367486
Release v5.0.0 (#33647)
* Bump version to 5.0.0

* Fix npm tag

* Dist
2021-05-05 22:32:12 +03:00
Mark Otto
48ae5a7149
Rewrite migration guide (#33834)
- De-duplicates bulk of the content for a migration from v4 to v5
- Adds clear breaking labels where appropriate
- Leaves room for more guidance around doing the actual migration
2021-05-05 18:24:26 +03:00
Ajay Patel
f0865727b7
refactor(docs): Added form file input variables (#33833)
File input belongs to this page in doc, added variables in last.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-05 17:53:49 +03:00
Kyle Tsang
1a54286bef
Fix doc typo and Bootstrap Icons link (#33832)
* Fix typo in migration guide

* Fix Bootstrap Icons link in alerts page
2021-05-05 17:44:43 +03:00
Mark Otto
e2df73fa9a
Update migration guide for some v5 changes (#33829)
* Update migration guide for some v5 changes

* Update migration.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-05 06:42:06 +03:00
Patrick H. Lauke
1e6356ab43
Neutralise more words from placeholder text (#33731)
* Neutralise more words from placeholder text

Follow-up to https://github.com/twbs/bootstrap/pull/33726

* Match fullscreen modal to other sizes

* Ditch the lyrics outright

* Rewrite and tweak the blog example some

* update cheatsheet

* text utils copy too

* Fix the tbody validation error

* fix typo

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
Co-authored-by: alpadev <alpa.muc@gmail.com>
2021-05-04 19:31:37 -07:00
Patrick H. Lauke
cb38744cf7
Tweak toast docs (#33810)
* Tweak toast docs

- a few rewordings/tweaks
- add info about toasts with focusable/actionable controls (shouldn't autohide them)

* Update site/content/docs/5.0/components/toasts.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>

* Update site/content/docs/5.0/components/toasts.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-05-04 15:37:45 +03:00
Luiz Orso
6a6db27586
Docs: adding intro about web accessibility (#33786) 2021-05-01 14:46:20 +03:00
Patrick H. Lauke
8a175a5193
Update links to CCA, MQ5 prefers-reduced-motion, evergreen WCAG urls (#33797) 2021-05-01 14:39:41 +03:00
Gaël Poupard
7bbf6d9ad3
Improve overall new examples' accessibility (#33772) 2021-04-30 01:19:07 +03:00
Abdullah Alaqeel
3bcb9e7df7
Improve RTL examples (#33097) 2021-04-27 15:38:44 +03:00
Rohit Sharma
efd45eceb2
Add migration note for the autoClose option (#33770) 2021-04-27 15:29:07 +03:00
Rohit Sharma
610155b74c
Tooltip — doc updates (#33771) 2021-04-27 14:56:06 +03:00
Pierre Grimaud
bc667235dc
docs: fix typo in list-group.md (#33756) 2021-04-27 07:10:43 +03:00
alpadev
94202cf7bf
fix: change margin breakpoints for bootstrap logo on double header (#33759) 2021-04-27 06:52:59 +03:00
Mark Otto
0fa8cb0bd3
Add Bootstrap Icons to alerts docs (#33690)
* Add Bootstrap Icons to alerts docs

* Update site/content/docs/5.0/components/alerts.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>

* Update alerts.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-04-25 06:59:13 +03:00
Rohit Sharma
75b11bbedc
Clarify boundary option description (#33735)
Mention that `boundary` option is specific to the preventOverflow  modifier only

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-04-25 06:58:08 +03:00
Rohit Sharma
0645fa9f1d
Tooltip/Popover — Minor doc updates (#33733) 2021-04-25 06:56:30 +03:00
Mark Otto
c25897b637
Replace modal and scrollspy placeholder content (#33726) 2021-04-23 14:58:32 +03:00
Rohit Sharma
4d973259f5
docs: fix the default value of Popper's boundary option (#33685)
`'scrollParent'` is no longer the default `boundary` value

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-04-21 08:15:22 +03:00
Rohit Sharma
b59b75bc55
Dropdown — Add option to make the dropdown menu clickable (#33389) 2021-04-20 08:19:57 +03:00
iatek
bb7a5602a0 Fixes #33686 typo in RTL docs 2021-04-19 09:05:33 -07:00
Rohit Sharma
87a8ba9a82 Change from preventOverflow to detectOverflow
- Since the link is for detectOverflow docs
2021-04-18 21:23:31 -07:00
Raaj Trambadia
574a4996f5 Fix typo 2021-04-18 21:22:53 -07:00
Mark Otto
9f2133fee3 Fixes signup form in Heroes example
Fixes #33660
2021-04-18 21:10:54 -07:00
Kohhee Peace
aace863463
Fix Grid System docs (#33676)
* Fix Grid System docs

* Apply suggestions from code review

Co-authored-by: Mark Otto <otto@github.com>
2021-04-18 20:53:39 -07:00
Mark Otto
d25920b182 Fix toggle between modals example 2021-04-17 16:08:58 -07:00
ghost_32
95aec47d21
Docs: Tried to fix the issue #33650 (#33664)
Prefixed the `aria-controls` with `list-` to match with `tabpanel`
ids in `Javascript behavior` example in `List Group Component`.
2021-04-17 14:40:43 -07:00
Peter Hartree
cb24272544
Add example: Panels stay open (#33553)
* Add example: Panels stay open

* Set unique element IDs in the new example

* Update language

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2021-04-14 13:43:52 -07:00
Mark Otto
84b8eda5d6 Correct the heading for the States section 2021-04-14 13:29:47 -07:00
Philip Wedemann
0122e020d6
Docs: Fix wrong dark attribute in Table - Vertical Alignment (#33597)
* Fix wrong dark attribute

* Remove the outer table completely

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-04-14 13:26:31 -07:00
Mark Otto
2d2f5b3dfd Add color-scheme mixin 2021-04-10 09:39:31 -07:00
Mark Otto
800aa622d3 Improve responsiveness of Features examples 2021-04-06 21:51:38 -07:00
Danny Trunk
1de0d94130 Fixed wrong method name _getInstance
There is no _getInstance method, but there is a getInstance method
2021-04-06 21:51:01 -07:00
CFX
0c56749f13
Add equal column mixin (#32155) 2021-04-06 21:45:28 +03:00
Mark Otto
056ad3ad95
Add offcanvas-top modifier (#33549) 2021-04-04 11:11:33 -07:00
Yuriy Gorbunov
28c275280e Update parcel.md 2021-04-04 10:42:55 -07:00
Mark Otto
90c9059784
Clarify docs accordion example (#33522) 2021-03-31 09:01:01 +03:00
John
69912cdfd7 The spacing margin side identifiers 's' and 'e' may be intuitive for many but explicitly helping users associate the abbreviations to 'start' and 'end' should help people migrate from version 4 with less friction 2021-03-30 18:41:54 -07:00
Mark Otto
232e392c91
Make offcanvas example fully static (#33446) 2021-03-23 19:06:11 +02:00
XhmikosR
69b9d638f8
offcanvas-navbar: add missing redirect (#33443) 2021-03-23 18:18:54 +02:00
Mark Otto
b2deaa997e
Add link to new Parcel guide in starter template (#33430)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-23 08:27:15 +02:00
GeoSot
1c02ef4f97
Allow offcanvas to be initialized in open state (#33382)
* Update docs to use new .show behavior and clarify some copy for first example

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-23 08:22:59 +02:00
Mark Otto
a3ad7327f2
Update examples (#33214)
* Add updated Jumbotron example made from utilities

* Update starter template example with new design and links

* Update some existing examples and their screenshots

* Add four new snippet-based examples

* Update layout to improve things a bit

* WIP

* Add d-block to images

* Fix horizontal scroll

* move d-block to the anchor

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-22 13:59:14 -07:00
Semih Raif Gürel
26d8955de2
Utilities to Utilities API (Borders doc page) (#33380) 2021-03-17 12:55:13 -07:00
Anton
fcac2e3aa6
Add example: toggle modal dialogs (#33301)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2021-03-16 22:15:06 -07:00
Mark Otto
6ed439ff73 Updates customize Sass docs to reflect proper placement of default variables overrides 2021-03-16 22:04:51 -07:00
GeoSot
ddf72bc612
Accept data-bs-body option in the configuration object as well (#33248)
* Accept data-bs-body option in the configuration object as well

Tweak jqueryInterface, add some more tests

* Fix Markdown table formatting and tweak the wording on backdrop

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-16 18:35:03 +02:00
Anton
af42557f4a
Update modal's show method to accept relatedTarget as an argument (#33300)
Co-authored-by: Rohit Sharma <rohit2sharma95@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-16 07:49:52 +02:00
Mark Otto
6b3254536b Add migration guide entry 2021-03-10 22:04:32 -08:00
Mark Otto
5c6e72c6fe Change from element selector to the opt-in class 2021-03-10 22:04:32 -08:00
Mark Otto
defce83027 Add ol.list-group with psuedo-element numbers 2021-03-10 22:04:32 -08:00
Mark Otto
844aab4295 Fixes some copy around inline forms 2021-03-10 21:25:21 -08:00
Kyle Tsang
88cbe443b8
Mention .no-gutters removal in migration guide (#33332)
* Mention .no-gutters removal in migration guide

* Update site/content/docs/5.0/migration.md

Co-authored-by: Mark Otto <otto@github.com>
2021-03-10 19:28:15 -08:00
Mohamed Khoualed
a5c4a7a1f2
Grammatically update the doc (#33267)
* Grammatically update the doc

* Apply suggestions from code review

Co-authored-by: Mark Otto <otto@github.com>
2021-03-10 19:05:03 -08:00
Garrett Johnson
a49d1e3e58 Fix Flex utilities to add vertical space in example
The `justify-content-around` example is missing a `mb-3` class because it is not the last example.
2021-03-10 17:23:24 -08:00
Martin Choutka
a245ef46e2 Update the "Nonblocking files" section in the docs
Added few paragraphs about optimizing FCP times, deferring non-critical JS and CSS, may update in the future again
2021-03-10 08:57:50 -08:00
GeoSot
548be2ed66
Offcanvas as component (#29017)
* Add a new offcanvas component

* offcanvas.js: switch to string constants and `event.key`

* Remove unneeded code

* Sass optimizations

* Fixes

Make sure the element is hidden and not offscreen when inactive
fix close icon negative margins
Add content in right & bottom examples
Re-fix bottom offcanvas height not to cover all viewport

* Wording tweaks

* update tests and offcanvas class

* separate scrollbar functionality and use it in offcanvas

* Update .bundlewatch.config.json

* fix focus

* update btn-close / fix focus on close

* add aria-modal and role
return focus on trigger when offcanvas is closed
change body scrolling timings

* move common code to reusable functions

* add aria-labelledby

* Replace lorem ipsum text

* fix focus when offcanvas is closed

* updates

* revert modal, add tests for scrollbar

* show backdrop by default

* Update offcanvas.md

* Update offcanvas CSS to better match modals

- Add background-clip for borders
- Move from outline to border (less clever, more consistent)
- Add scss-docs in vars

* Revamp offcanvas docs

- Add static example to show and explain the components
- Split live examples and rename them
- Simplify example content
- Expand docs notes elsewhere
- Add sass docs

* Add .offcanvas-title instead of .modal-title

* Rename offcanvas example to offcanvas-navbar to reflect it's purpose

* labelledby references title and not header

* Add default shadow to offcanvas

* enable offcanvas-body to fill all the remaining wrapper area

* Be more descriptive, on Accessibility area

* remove redundant classes

* ensure in case of an already open offcanvas, not to open another one

* bring back backdrop|scroll combinations

* bring back toggling class

* refactor scrollbar method, plus tests

* add check if element is not full-width, according to #30621

* revert all in modal

* use documentElement innerWidth

* Rename classes to -start and -end

Also copyedit some docs wording

* omit some things on scrollbar

* PASS BrowserStack tests

-- IOS devices, Android devices and Browsers on Mac, hide scrollbar by default and appear it, only while scrolling.

* Rename '_handleClosing' to '_addEventListeners'

* change pipe usage to comma

* change Data.getData to Data.get

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2021-03-02 19:10:10 +02:00
Rohit Sharma
b9e51dc3c4
Dropdown — Drop flip option (#33198) 2021-03-02 17:27:13 +02:00
Mark Otto
1df59bb17f
Add an example of v4's media component in the flex utils docs (#33207)
* Add an example of v4's media component in the flex utils docs

* Link to new example from Migration guide

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-03-02 16:08:32 +02:00
Gaël Poupard
bcda711849
docs(migration): duplicated 5.0.0-beta2 heading (#33178) 2021-02-22 17:05:59 +02:00
Rohit Sharma
dc5e3328c1
Allow constructors to accept a CSS selector (#32245)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2021-02-22 09:01:04 +02:00
Patrick H. Lauke
5693f1ad86
Fix small typos / follow-up to #32630 (#33164) 2021-02-21 08:00:03 +02:00
Mark Otto
5c32767e0e
Clarify docs around .navbar-brand (#33123)
- Add new headings and text for each example
- Fixes #33072 by changing align-* class
2021-02-17 05:58:26 +02:00
XhmikosR
ca9087ba92
overview: add missing EOF newline (#33098) 2021-02-16 12:22:35 +02:00
k-utsumi
4d19e0e8a4
Clear duplicated class border-0 (#32925)
* Clear duplicated class `border-0`

* Update migration.md

Co-authored-by: Mark Otto <otto@github.com>
2021-02-16 08:05:09 +02:00
Gaël Poupard
b7bd094351
docs(examples): typo in offcanvas example in .bg-body (#33092)
Caught by pa11y-ci on Boosted (because of insufficient contrasts) ❤️
2021-02-15 21:06:57 +02:00
Siju Samson
51c7075c1c
Fix typo in nav-tabs docs (#33081) 2021-02-15 08:45:34 +02:00
Gaël Poupard
0a9d392975
Docs improvements after beta2 (#33049)
* docs(carousel): double-spaces out there

* docs(toasts): missing word, ins't it?

* docs(cheatsheet): use buttons for carousels and tabs ion cheatsheets too

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-11 19:48:08 +02:00
eldk
8125856272
Add Parcel Bundler doc (#30909)
* Add Parcel Bundler doc

* Update parcel.md

* Improve parcel.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-02-11 08:22:20 +02:00
Mark Otto
4c7a3e8adf
Add Sass docs (variables, mixins, and loops) to most pages (#32747)
* WIP: Mention variables, mixins, and loops in docs

* Add Sass sections to component pages

* add sass docs for forms and content

* Update buttons.md

* Remove empty mixins sections

* Massive update to utilities and some consistency changes

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-10 19:29:59 -08:00
Rohit Sharma
f7088e5d28
Add function type for popperConfig option (#32882)
* Add function type for `popperConfig` option

* Update .bundlewatch.config.json

* copy edits

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2021-02-09 21:16:13 +02:00
Mark Otto
d56992b6d2 Mention dropdown static change in Migration guide
Co-authored-by: Rohit Sharma <rohit2sharma95@gmail.com>
2021-02-09 14:34:27 +02:00
Mark Otto
8f1c882545 Remove .dropdown-menu[style] reset and adjust .dropdown-menu-* modifiers
- Removes the &[style] selector that was used for resetting Popper styles
- Separate Popper-based alignment from static alignment with `data-bs-popover` attribute that separates the --bs-position and custom right/left properties

Co-Authored-By: Rohit Sharma <rohit2sharma95@gmail.com>
2021-02-09 14:34:27 +02:00
Philip Kiely
96b86c1f58
Docs on enforcing HTTPS and avoiding mixed content (#33017)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-09 07:54:16 +02:00
Patrick H. Lauke
96be06e32b
Dynamic tabs: use buttons rather than links (#32630)
* Dynamic tabs: use buttons rather than links

- change docs
- add mention that tabs should be <button> elements
- tweak styles to neutralise border and background

* Update js unit and visual test accordingly

- replace links with buttons
- make one specific test that uses links instead of buttons, as we still want to support it despite it being non-semantically appropriate
- Leaving a couple of tests for now. The test for removed tabs should be redone so that tabs are removed programmatically (as the approach of having that close button inside the link is invalid and broken markup). The test for dropdowns should be removed together we actually ripping out the handling for dropdowns in the tab.js code (arguably a breaking change, though we discouraged this for a few versions and effectively "deprecated" it)

* Add isolation:isolate to prevent focus being overlapped

https://github.com/twbs/bootstrap/pull/32630#issuecomment-756015766
2021-02-09 07:23:45 +02:00
Rohit Sharma
b6cae91893
Add a note to change the case type of option name (#32995) 2021-02-08 16:55:47 +02:00
Kyle Tsang
22d8e34b3e
Fix boundary config description for dropdown and popover (#32979) 2021-02-04 07:26:32 +02:00
Rohit Sharma
3770b7b9e3
Dropdown — Emit events on the .dropdown-toggle button (#32625)
* Emit events on the dropdown button

Emit the events on `.dropdown-toggle` button and then bubble up

* Add migration note for events

* Update the docs for events

* Add unit test to check the event bubbling

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-03 21:51:19 +02:00
Stanisław Gregor
203b3e218c
Fix default value for $enable-deprecation-messages (#32940)
* Update the default value for $enable-deprecation-messages

As seen in the https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss,
the $enable-deprecation-messages variable is set to `true` by default.

* Update site/content/docs/5.0/customize/options.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
2021-02-03 21:40:05 +02:00
Rohit Sharma
217d84d6b2
Remove the initial margin from dropdown/popover in favor of Popper (#32524)
* Remove the margin from dropdown in favor of Popper

- Set the default margin to 0 for dropdowns (To remove the Popper's  warning)
- Set the required offset in dropdown's defaults

* Remove the margin from the popover component

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-03 21:37:25 +02:00
Mark Otto
88be1ce502 Update docs for color and bg utilities
- Split colors from background utilities with new docs page
- Add Sass docs for both pages
2021-02-03 07:15:49 +02:00
Patrick H. Lauke
a882614c45 Make carousel indicators actual buttons 2021-01-28 23:32:24 +02:00
Rohit Sharma
e036e604de Update docs for offset option 2021-01-28 12:23:33 +02:00
joke2k
881f43a3b9 Restore offset option for dropdown component 2021-01-28 12:23:33 +02:00
Mark Otto
51ca9a9e2f
Update checks and radios in input groups (#32912)
- Adds .mt-0 to the examples
- Zero-ing out universally for all of them like in #32896 would cause issues for those who include the input with visible label text, where the text and input would be misaligned
2021-01-28 11:39:36 +02:00
Tobias Bengfort
e06ffa288f
migration: mention .form-text changes (#32911)
see #30598 and #30565
2021-01-28 08:05:05 +02:00
Patrick H. Lauke
3aa3fda730
Carousel: use buttons, not links, for prev/next controls (#32627)
* Carousel: use buttons, not links, for prev/next

- expand the styles to neutralise border/background
- change docs page
- add extra unit test to check that links or buttons work as controls
- modify visual test to use buttons as well
- use buttons instead of links for prev/next
- remove `role="button"` from links that are actually links

* Clarify that controls can be button or link

* Update site/content/docs/5.0/components/carousel.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>

* Explicitly set padding to 0 to prevent dipping/moving on active in Firefox

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-27 17:31:16 +02:00
Vino Rodrigues
ba30df146c Replace .bg-white with .bg-body in docs
Response to issue #32810

Use of the .bg-white class to define visual aspects of the examples
would be unintuitive for theme builders to test themes on.
This replaces instances of .bg-white with .bg-body in the examples.

- Edited examples to replace use .bg-white class with .bg-body class
  - product
  - offcanvas
  - pricing
  - cheatsheet
  - cheatsheet-rtl
- Edited utilities colors.md & shadows.md to include .bg-body class
2021-01-25 14:34:01 -08:00
Kyle Tsang
c6d6160a7c
docs: Fix navbar-nav-scroll description (#32846) 2021-01-20 12:12:35 +02:00
Mark Otto
40b15de723
Add .navbar-nav-scroll for vertical scrolling of navbar content (#32037)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-19 07:32:18 +02:00
Mark Otto
4167c107f8
Add a live toast example to the docs (#32760) 2021-01-18 15:10:01 +02:00
Mark Otto
803e49d928
Clarifies Sass variable defaults, adds bootstrap-npm-starter callout (#32795)
* Clarify Sass import and customize docs for how to modify variable defaulst

* Add an npm starter project callout to a few pages

* Update callout-info-npm-starter.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-14 16:21:21 -08:00
Siju Samson
9bec37a77b
docs: work around Toast CSS conflict with utils (#32620)
* Toast CSS conflict resolved

* Update toasts.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-14 16:07:36 -08:00
Patrick H. Lauke
949fa30152
Remove role="button" from CTA links in carousel examples (#32788)
They're links, acting as links. Just because they're styled as buttons visually doesn't mean they need/get `role="button"`
2021-01-14 01:54:25 +02:00
voltaek
f7d3870567
Docs v5: Fix Sass rounding precision and state Sass implementation (#32512)
* Add Sass section to Getting Started > Build Tools, mention Sass implementation used, mention current precision of 10 due to Dart Sass, and mention recommended minimum precision (value of 6 used in BS v4). Remove outdated Sass precision from Customize > Sass docs page.

* Remove more mentions of deprecated Sass implementations. Add links to Sass compiler mentions so we can keep all pertinent Sass compiler information in just one location instead of spread through the docs, which makes it hard to find the details and/or keep them up-to-date.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-14 00:41:42 +02:00
Mark Otto
80c0d4deab
Add mention of CSPs and SVGs (#32759)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-14 00:15:18 +02:00
Mark Otto
d21fb9b627
Document some basic code conventions for us (#32778)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-13 21:06:07 +02:00
Gaël Poupard
20a9d491a2
Improve docs regarding RTL migration (#32771)
* docs(migrations): add a note regarding migration from v4 used for RTL layouts

* docs(RTL): LTR & RTL at the same time

* docs(utilities): how-to use the API to rename utilities

* docs(RTL): mention issue when nesting styles with .ltr / .rtl
2021-01-13 21:01:36 +02:00
ghost_32
82e5fe2d8c
Migration: mention the removal of .rounded-sm/lg utilities (#32758)
* Changes made in migration.md file of documentation

Added information about the removal of `.rounded-sm` and `.rounded-lg`.
And addition of `.rounded-0` to `.rounded-3`

* Moved the edited line

Added `rounded-0` to `rounded-3` under  v5.0.0-alpha3

* Moved correctly

* Added link

Added link to issue #31687

* docs(migration): last typo thinggies

* Update migration.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-13 09:18:56 -08:00
Mark Otto
05249c8c04
Document size and multiple aren't supported on floating label selects (#32744)
* Document size and multiple aren't supported on floating label selects

Closes #32660

* Update floating-labels.md
2021-01-13 09:15:05 -08:00
Marcin Kasperski
408b2558dc
Update toasts.md (#32782)
* dropped mention of `backdrop-filter`
* changed mention of `.text-white` to `.btn-close-white` on close button
2021-01-13 19:05:25 +02:00
Mark Otto
69afafe811
Mention stretched-link constraints with table elements (#32761)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-12 15:33:58 +02:00
Brian Thompson
ee8546da18
Fix typo (#32740)
* Fix typo

* Rewrite description to avoid awkward phrasing

Co-authored-by: Mark Otto <otto@github.com>
2021-01-09 13:06:41 -08:00
Théophile Helleboid - chtitux
80557b3ac0
Move "active" class from .nav-item to .nav-link (#32730) 2021-01-08 20:53:04 +02:00
Mark Otto
cefdcf6954
Clarify the $enable-shadows option in our docs (#32685)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-07 10:16:21 +02:00
Florian Lacreuse
e635a49536
Fix navbar docs - active nav-link (#32589)
* Fix navbar docs - active nav-link

* Update navbar.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-07 09:24:57 +02:00
Gaël Poupard
acec356c81
fix(ratio): missing variable prefix (#32501)
This is the only unprefixed custom property, and its name is very common so I think we'd better prefix it too.
2021-01-06 08:14:54 +02:00
Patrick H. Lauke
d1a62b47c3
Tweak wording for no-touch carousel (#32688)
based on changes made in the backport https://github.com/twbs/bootstrap/pull/32639
2021-01-06 00:59:44 +00:00
Jonathan
88d35b725b
Hyphen to dash for ranges (#32488)
* Hyphen to dash for ranges

* Hyphen to dash for ranges

* Hyphen to dash for ranges

* Hyphen to dash for ranges

* Hyphen to dash for ranges
2021-01-05 13:56:44 -08:00
Théophile Helleboid - chtitux
265605bba0
carousel example: Move "active" class on .nav-link element (#32647) (#32647)
The "active" CSS class must be on "nav-link" element, see `_navbar.scss`:

```css
.nav-link.active {
  color: $navbar-dark-active-color;
}
```

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 22:15:59 +02:00
Mark Otto
dfe1b156d1
Fixes #32557: Add functions and variables to the utilities API docs imports (#32684)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 22:11:56 +02:00
Patrick H. Lauke
fd48a8732f
Remove incorrect mention of dropdowns for dynamic tab behavior (#32634)
While technically it still works, we're already saying authors shouldn't do it later on, and we removed any examples of this. This was a straggler.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 22:04:06 +02:00
Patrick H. Lauke
e1e6f5684e
Tweak the wording for collapse to indicate button is preferred/more semantic (#32632)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 21:53:50 +02:00
Patrick H. Lauke
b05145c951
Add an actual data-bs-touch="false" example in the carousel docs (#32638)
* Add an actual `data-touch="false"` example in the carousel docs

this can also make it easier to actually check/debug any issues we may have with this data attribute

* Correct attribute table explanation and remove slide class from example
2020-12-29 15:40:42 +02:00
Nils K
2d46e47464
Support Popper virtual elements (#32376)
Adds the ability to use objects implementing the virtual element interface as the value for the reference option of a dropdown config.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-21 14:32:11 +02:00
XhmikosR
44667d89fa
API docs: add missing comma (#32543) 2020-12-21 11:12:28 +02:00
Florian Lacreuse
86802f701c
Add keyboard-focusable elements for popover on disabled button (#32490) 2020-12-20 20:28:58 +02:00
XhmikosR
d140f50b35
Tooltips: add missing space (#32529) 2020-12-20 17:12:22 +02:00
joe
561c0d8cde
added class selector "." to "dropend" (#32534)
It was missing the `.` before `dropend`.
2020-12-19 08:23:50 +02:00
Marc Jansing
f07106e604
Add helpers to utilities bundle (#32324)
Adds currently missing utilities classes which are located in scss/helpers to
boostrap-utilities dist files.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-18 07:39:39 +02:00
Dmytro Yaremenko
8984255158
Extended form validation states customization capabilities (#31757)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-17 07:07:48 +02:00
Florian Lacreuse
4e7c9e56fc
Fix popover docs example (#32489) 2020-12-15 17:27:06 +02:00
Patrick H. Lauke
eae52b1cb0 Expand visually-hidden-focusable so it can be used on a container, so the container becomes visible when focus is inside it / on one of its child elements. 2020-12-15 09:22:14 +02:00
Kyle Tsang
9b6c815148
docs: Remove unneeded .form-group class (#32483) 2020-12-15 09:21:25 +02:00
Florian Lacreuse
e8d14b302e
Remove redundant pointer-events: none override for tooltip and popover disabled buttons (#32478)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-15 09:17:58 +02:00
Alan Orth
e1f561b53c
docs: Add system-ui to native font stack documentation (#32455)
system-ui was added to the native font stack in #30561 but the docs were not updated.
2020-12-15 09:10:09 +02:00
Rohit Sharma
042a4a255f
Tooltip/popover - change the default value for fallbackPlacements (#32437)
The default Popper `fallbackPlacements` value is `[oppositePlacement]`.

- The default value was previously (in v4) `'flip'` that can be achieved by passing the single value in the array, like — `[oppositePlacement]`. Keeping `null` also sets the `fallbackPlacements` to `[oppositePlacement]` (Default value in Popper)
- It's better to have **clockwise** (`['top', 'right', 'bottom', 'left']`) fallback options so that tooltip/popover can be placed to another side even if the opposite placement doesn't fit.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-14 20:51:14 +02:00
Florian Lacreuse
793c79d14b
Clean up lorem ipsum text in popover examples (#32479) 2020-12-14 20:26:16 +02:00
Florian Lacreuse
fe3658672c
Add missing has-validation in checkout examples (#32464) 2020-12-14 14:33:20 +02:00
Gaël Poupard
e967ecf900 docs(cheatsheet): fix RTL sidenav arrows 2020-12-14 11:11:47 +02:00
Alan Orth
f2b39d620c
examples: Update font utility classes to new v5 versions (#32449)
* site: Fix .font-italic to .fst-italic in blog example

The font utility class was renamed from .font-italic to .fst-italic
but a few references didn't get updated.

* site: Fix .font-weight-* to .fw-* in RTL examples

These font utility classes were renamed from .font-weight-* to .fw-*
but a few references didn't get updated.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-14 10:51:21 +02:00
Patrick H. Lauke
b2477cc70c
Straggler lorem ipsum text (#32463) 2020-12-14 09:38:59 +02:00
Patrick H. Lauke
764e5298de
Replace Lorem Ipsum placeholder text with more representative (or at least english language) text (#32246)
Replaces shorter examples with more sensible/representative/inforrmative text. For longer passages, resorted to using SFW extracts from http://katyperryipsum.com/
2020-12-11 20:05:33 +00:00
Martijn Cuppens
62eb5a3232
Use box shadows instead of linear gradients to colorize tables (#32348)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-11 15:49:22 +02:00
Thomas Güttler
6f0545b61b
Typo: show on xxl, if only xl should be hidden. (#32287)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-10 11:22:40 +02:00
Christian Oliff
aa2df26b55
Remove duplicated 'follow Bootstrap on Twitter' link in Community section (#32399)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-09 23:45:27 +02:00
Gaël Poupard
0f12f58711
cheatsheet: Drop redundant (current) text (#32401)
Useless since we're using `aria-current` (see #31891).
2020-12-09 17:54:47 +02:00
kyletsang
77771cdf00 Remove offset in Popover docs
Fix fallbackPlacements in Popover and Tooltip docs
2020-12-09 15:02:46 +02:00
kyletsang
290b295173 docs: Update Popper 2 doc links 2020-12-09 15:02:46 +02:00
Gaël Poupard
d29680b3cb
Fix missed occurrencies of "Popper.js" (#32398) 2020-12-09 14:53:43 +02:00
Radu Chiriac
07b60d2c3e
carousel.md: fix $carousel-transition-duration reference (#32316)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-08 08:06:08 +02:00
Patrick H. Lauke
ab49e362a7
Add a callout for the sanitizer in popovers and tooltips (#32272)
* Add a callout for the sanitizer in popovers and tooltips

* Add second reference to sanitizer in the options

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-07 18:57:33 +02:00
Martijn Cuppens
861227887e Change button copy to make the example clearer 2020-12-06 18:42:40 +02:00
XhmikosR
adec91e8fc Move and update migration notes 2020-12-06 18:42:40 +02:00
Johann-S
adfdf7160b Update to popper.js v2.x 2020-12-06 18:42:40 +02:00
Martijn Cuppens
5f89ea3a0f Add toasts & positioning utilities migration docs 2020-12-04 16:15:51 +02:00
Martijn Cuppens
6c069b6976 Add interactive positioning widget 2020-12-04 16:15:51 +02:00
Martijn Cuppens
5b0dcf8ffe Add .translate-middle-x and .translate-middle-y utilities 2020-12-04 16:15:51 +02:00
Martijn Cuppens
1f2e600304 Add toast positioning 2020-12-04 16:15:51 +02:00
XhmikosR
321ee7a1ad
cheatsheet.js: use event instead of e (#32335) 2020-12-04 16:00:21 +02:00
Gaël Poupard
0a141dae94 chore(dist): generate dist files 2020-12-04 07:52:03 +02:00
Mark Otto
53d861c814 fix gradient 2020-12-04 07:52:03 +02:00
Gaël Poupard
082723f3f4 docs(cheatsheet): various fixes 2020-12-04 07:52:03 +02:00
Mark Otto
153f6c72ce Revamp header, headings, aside spacing
Gradients caused artifacts in Safari, layout was feeling a little loose
2020-12-04 07:52:03 +02:00
Gaël Poupard
3ef8483c5d docs(examples): use RTLCSS for RTL examples 2020-12-04 07:52:03 +02:00
XhmikosR
edfa103444 Adapt to the recent main branch changes 2020-12-04 07:52:03 +02:00
Gaël Poupard
aaff11a0b3 docs(examples): new cheatsheet and RTL examples 2020-12-04 07:52:03 +02:00
XhmikosR
5e3219a9bb Fix empty CSS variable 2020-12-01 19:17:06 +02:00
Mark Otto
08eb92204e Add to migration docs 2020-12-01 19:17:06 +02:00
Mark Otto
3b015ed34e Update breadcrumb docs and dividers
- Add CSS custom property with fallback to Sass variable
- Update docs to mention the new CSS custom property
- Rewrite some of the docs to use divider instead of separator, and add some context here and there
2020-12-01 19:17:06 +02:00
Patrick H. Lauke
ff130b17dc Remove background, padding, border from breadcrumb container 2020-12-01 19:17:06 +02:00
Rohit Sharma
c3689ac073
Remove the show property from the modal plugin (#32279)
Drop the support of show property from the modal plugin.
When creating the new modal instance in v5, the `show` property does not work anymore, so instead of fixing the behavior just removing it permanently to keep the consistency between all the plugins. (All other plugins require the `show()` method to be called on the instances to be shown)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-30 12:12:40 +02:00
Patrick H. Lauke
948f834347
Add mention of link underline change to migration and typography (#32281)
x-ref https://github.com/twbs/bootstrap/discussions/32276#discussioncomment-141850

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-30 07:02:03 +02:00
Rohit Sharma
c348ad4a94
Ability to add custom class in tooltip/popover (#32217)
Porting of #31834 to main.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-25 09:16:22 +02:00
XhmikosR
d8ff27721b
introduction: split comments (#32223) 2020-11-23 22:17:37 +02:00
XhmikosR
d365831bce
docs: use event instead of e (#32226)
It's better for clarity.
2020-11-21 17:00:38 +02:00
XhmikosR
f4457bca02
Be consistent with Popper's name. (#32224)
The npm package is named "popper.js" but the project is named "Popper", so use the latter consistently.
2020-11-21 16:22:08 +02:00
XhmikosR
2185803964
Fix a few typos (#32204) 2020-11-19 20:32:35 +02:00
XhmikosR
65d6c8a731
docs: update selector CodePen example (#32163) 2020-11-19 17:15:40 +02:00
Mark Otto
7fec0ec3d7 Update migration guide about w-100 2020-11-19 07:47:06 +02:00
XhmikosR
ecbc7189b6 examples: fix .btn-block instances 2020-11-19 07:47:06 +02:00
Matt Shaw
de8dbd72d8
correct "breakpoint" typo (#32191)
breakpoing --> breakpoint
2020-11-18 18:15:28 +02:00
Kyle Tsang
39b9879aa2
docs: Add missing .has-validation class for input group example (#32162)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-18 13:08:26 +02:00
Gaël Poupard
2b0b3091a0
docs(dropdowns): clarify where is .show applied (#32189)
Fixes #32712
2020-11-18 12:50:55 +02:00
Christian Oliff
5cda50e5bd
Fix the marker SVG color to match the button (#32174) 2020-11-17 16:53:50 +02:00
XhmikosR
b5a64ce60f
Switch to jsDelivr for the remaining docs assets (#32158) 2020-11-15 14:21:01 +02:00
XhmikosR
6316565fa9
popovers.md: unbreak line (#32153) 2020-11-14 15:59:35 +02:00
XhmikosR
f39666b61c Move migration notes 2020-11-14 07:09:15 +02:00
XhmikosR
a7f04e9595 Update the remaining files 2020-11-14 07:09:15 +02:00
Mark Otto
b38110aa7d Add note in migration.md 2020-11-14 07:09:15 +02:00
Rohit Sharma
418f17ee2b Add bs in data attributes
- Add `bs` in data APIs everywhere
- Update unit tests
2020-11-14 07:09:15 +02:00
Mark Otto
fe961c192d Move states docs and rewrite to match existing examples 2020-11-13 20:16:05 +01:00
Nikita Mikhaylov
1fddb48aff Add hover utilities
remome several hobers

refactoring hover utilities

refactoring hover utilities
2020-11-13 20:16:05 +01:00
Mark Otto
55f2192a39
Rename scale-color() function to shift-color() to avoid collision with Sass's own color function (#32149) 2020-11-13 20:50:59 +02:00
Jonathan
5d14d41531
Add hyphen between Sass and based (#32134)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-13 18:49:55 +02:00
Dylan Anderson
8a54cf598a
Update floating-labels.md (#32139)
Fixed grammar error.
2020-11-12 18:12:42 +02:00
Christian Oliff
7d64031c87
Fix caniuse.com URLS to prevent redirects (#32135)
Shorter URLS which are faster as they avoid HTTP redirects
2020-11-12 15:01:00 +02:00
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
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