Commit Graph

272 Commits

Author SHA1 Message Date
Patrick H. Lauke af484dc12c
Remove now unnecessary shrink-to-fit viewport directive (#27818)
`shrink-to-fit=no` is not needed anymore - Apple removed the need for it from iOS9.3 onwards

See https://www.scottohara.me/blog/2018/12/11/shrink-to-fit.html and https://github.com/h5bp/html5-boilerplate/issues/2102
2018-12-15 01:05:49 +00:00
ChrissBott b5b4f83cdb Fix typo in "Hiding elements" section (#27843) 2018-12-14 17:07:44 +00:00
Patrick H. Lauke c031584bcd
SVG accessibility fixes (#27826)
* SVG accessibility fixes

- add `focusable="false"` to all SVGs, to stop IE from including the `<svg>` in its default focus cycle
- completely hide decorative SVGs using `aria-hidden="true"`
- add `role="img"` to meaningful/"content" SVGs, ensure they have an appropriate `<title>` and/or `aria-label`
- simplify placeholder default title

* Simplify usage of placeholder.svg in the docs

- in most cases, no need for separate/redundant text and title (now that we make text itself part of the alternative text explicitly)
- no need (expect in rare cirumstances) to describe the placeholder image (unless the look of the image is important/the actual content, as is the case with the image thumbnail class)

* Simplify example.html rewriting of <svg> to <img> code sample

- as the `alt` for the placeholder isn't really important, just add an ellipsis instead (otherwise, to be correct, we'd have to construct the whole "title+text" construct like we do now in the
placeholder.svg itself

* Change svgo configuration to retain role attribute and add/force focusable=false

- regarding `focusable=false`, see https://github.com/svg/svgo/issues/1011 (which would be the "proper" SVGO fix) and the (hacky) solution https://github.com/svg/svgo/pull/817
2018-12-13 13:09:47 +00:00
Patrick H. Lauke 375d137561 Docs: add note about the grays being "cool" (#27824) 2018-12-12 21:55:20 +02:00
Gijs Boddeus 180a06eeb7 Add switch custom form control (#23004) 2018-12-12 15:28:25 +02:00
unaccomplished 0a55c7a8f6 Update Scrollspy doc to include missing method options (#27754) 2018-12-11 10:27:04 +02:00
XhmikosR 3100a3a95e Update bs-custom-file-input to v1.3.1. 2018-12-10 17:19:30 +02:00
XhmikosR 60eeef5ddc Update clipboard.js to v2.0.4. 2018-12-10 17:19:30 +02:00
XhmikosR 10d4e7f43d Update glyphicons URL. 2018-12-10 12:27:27 +02:00
Patrick H. Lauke 903e242650 Make disabled link in card examples non-focusable and add aria-disabled (#27788) 2018-12-06 08:16:22 +02:00
Johann-S b16127fc10 Allow Tooltips/Popovers to work in shadow DOM 2018-12-05 16:02:59 +01:00
XhmikosR e184c11618
Merge branch 'v4-dev' into stretched-link 2018-12-05 11:38:55 +02:00
Martijn Cuppens 3007d4b435 Stretched link 2018-12-04 21:22:12 +01:00
Shohei Yoshida e9ec5e7392 spinners: use `.sr-only` instead of text-hide technique (#27736) 2018-12-04 08:02:49 +02:00
XhmikosR a2d0e78b44 Update contents.md 2018-11-29 10:59:06 +02:00
XhmikosR 24eb9a75e9 Revert "Use `h5` for callouts so that they are not included in ToC."
This reverts commit 11da160114.

This is no longer needed with jekyll-toc 0.9.1.
2018-11-28 21:09:50 +02:00
XhmikosR 7492c12089 Remove unneeded ESLint config file.
We have /site/.eslintrc.json that covers this.
2018-11-28 14:33:29 +02:00
XhmikosR 11da160114 Use `h5` for callouts so that they are not included in ToC.
Callouts are already excluded from ToC, but due to a limitation in jekyll-toc they are still being included.

We should revisit this if the bug is fixed later.
2018-11-27 16:01:07 +02:00
XhmikosR cb2b21bb88 Inline bootstrap-stack.svg.
It's pretty small compressed; a little less than 1 KB with gzip.
2018-11-27 15:37:24 +02:00
XhmikosR 89876a5559 Use an SVG for the stack image.
Image by @mdo.
2018-11-27 15:37:24 +02:00
XhmikosR b4f7b34b1e Move examples images in assets/img/examples/ folder. 2018-11-27 15:37:24 +02:00
XhmikosR 4ad19f6f52 Use srcset for examples too. 2018-11-27 15:37:24 +02:00
XhmikosR d5279bf18c homepage: use srcset.
This should reduce the amount of bytes for non-2x displays.
2018-11-27 15:37:24 +02:00
Christian Oliff fcfa436a31 Update migration page to indicate the info can be used for 4.1.x as well as 4.0.x 2018-11-26 22:46:09 +02:00
Christian Oliff 7a907ae09e Change OS X to macOS in Sass comments (#27729)
It's been macOS for 3 years now and we use just 'macOS' elsewhere in the Bootstrap documentation.
https://en.wikipedia.org/wiki/MacOS
2018-11-26 14:57:33 +00:00
XhmikosR 5c336d0247 Dist 2018-11-25 11:46:37 +02:00
m5o c9157be574 prevent text selection for floating labels example (#27719)
* prevent text selection for floating labels
  * expand the click target by no selecting the label text
* use `pointer-events: none;` instead of `user-select`
  * thx @MartijnCuppens
2018-11-24 13:25:18 +01:00
Martijn Cuppens 28a972ac9f Add opacity transition 2018-11-23 15:28:39 +02:00
XhmikosR 0c60257114 Revert "Replace anchor.js with jekyll-anchor-headings."
This reverts commit b04f97f60b.
2018-11-23 15:28:39 +02:00
Pixelastic 3e25bf403a Update DocSearch.js to latest version
The latest (2.6.2) docsearch.js version now displays results as standard `<a href>` links, allowing users to `ctrl`-click on them to trigger default browser behavior of opening in a new tab.

To maintain backward compatibility, this behavior has only been enabled to users that didn't define their own `handleSelected` method.

This PR updates your `docsearch()` code to take advantage of the new `<a href>` template, by removing your custom `handleSelected` and moving its behavior to the `transformData` call. Namely, what you wanted to avoid was jumping to the first `<h1>` of the pages, which would prevent users from seeing the header. This PR checks if the suggestion targets the `#content` anchor (meaning it goes to this first `<h1>`) and remove it.

Behavior should be the same, but at least now you can enjoy the `ctrl`-click :)
2018-11-22 17:38:27 +02:00
Martijn Cuppens 58943c0257 Sass precision documentation (#27705) 2018-11-21 20:51:47 +02:00
XhmikosR 73a98d9738
reboot: Fix mailto address (#27700) 2018-11-21 15:24:38 +02:00
XhmikosR 487bd521e3
docs: fix path to assets. (#27696) 2018-11-21 15:11:31 +02:00
Martijn Cuppens c628921465 Use wrapping span instead of div (#27695) 2018-11-20 21:53:10 +02:00
XhmikosR 2b9af5e38c Remove holder.js. 2018-11-20 21:31:28 +02:00
XhmikosR 369f03fbc5 Use the new include in examples too. 2018-11-20 21:31:28 +02:00
XhmikosR 2ac3db8384 Tweak placeholder.svg.
* always include the title
* make it possible to skip adding the title by passing `title=' '`
* remove viewBox since we don't need it
2018-11-20 21:31:28 +02:00
Martijn Cuppens 072b5ab7fd Replace holder.js with SVGs. 2018-11-20 21:31:28 +02:00
XhmikosR b04f97f60b Replace anchor.js with jekyll-anchor-headings.
This allows us to generate the anchor links on build time.

https://github.com/allejo/jekyll-anchor-headings
2018-11-20 11:47:10 +02:00
Tieson Trowbridge ab183384ee Allows both OL and UL lists for tab buttons 2018-11-20 09:58:04 +01:00
ysds 7c8cd0f272 Add documentation about .text-decoration-none (#27686) 2018-11-20 09:08:34 +02:00
ysds 1fe56358e7 Add documentation about viewport sizing utilities (#27688) 2018-11-19 18:44:08 +01:00
ysds 38ca58bf3c Add documentation about .font-weight-bolder/lighter (#27678) 2018-11-18 10:15:49 +02:00
Christian Oliff 4734a926e9 Enforce lowercase class name in .stylelintrc (#27668) 2018-11-17 14:01:16 +02:00
Iurii Kucherov f83f4ae124 Update autoprefixer link to `.browserslistrc` file (#27675) 2018-11-16 08:44:52 +02:00
XhmikosR ea4db3f89d Use fancy apostrophe in HTML files.
For Markdown files, this isn't needed because the Markdown converter takes care of this.
2018-11-15 15:55:21 +02:00
XhmikosR fceee8d093 Dist 2018-11-13 08:47:32 +02:00
Mark Otto 220baef0d9 Clean up some docs for toasts
- Add headings to examples section
- Clarify styles and customization options in examples
- Add dismiss buttons to all toasts
- Missing period added for consistency
- Update roles, tweak text
2018-11-13 08:47:32 +02:00
Laussel LOïc dc07e8dca8 Update toast documentation following pull #27155
Also remove close button everywhere just let it when autohide is set to false
2018-11-13 08:47:32 +02:00
Johann-S 557d5ac74d Remove the show delay for our toast plugin 2018-11-13 08:47:32 +02:00
Laussel Loïc 4cac833447 Implement `data-dismiss="toast"` to allow user to interact itself with the component (#27155) 2018-11-13 08:47:32 +02:00
Johann-S 2f81ab007c Fix toast documentation page. 2018-11-13 08:47:32 +02:00
Mark Otto d0652a1be9 Add new toasts component 2018-11-13 08:47:32 +02:00
Martijn Cuppens 696c4078d1 Customize browse text of the custom file input with HTML (#27651) 2018-11-13 08:30:17 +02:00
XhmikosR dafb498f75 Spinners: show all color variants. 2018-11-13 08:21:57 +02:00
Mark Otto 52a86cc671 Add Bootstrap's very first spinners omfg it's actually happening 2018-11-13 08:21:57 +02:00
Christian Oliff 75e6253b0a Update clipboard.js to v2.0.3 (#27657) 2018-11-12 18:46:21 +02:00
Patrick H. Lauke e6a356a3ae
Minor/Docs: tweak accordion example heading level (#27620) 2018-11-11 09:12:29 +00:00
Martijn Cuppens 976efcd5ee Allow to add more embed responsive ratios (#25894) 2018-11-11 11:04:04 +02:00
XhmikosR 9836a411e8 Redirect `/extend/` to `/extend/approach/`. 2018-11-11 10:59:43 +02:00
Martijn Cuppens 6cb6e6510c Remove custom properties from examples so that they work in IE (#27634) 2018-11-11 10:52:06 +02:00
XhmikosR bbe2b2349d Dashboard example: update 3rd-party libs and use the same CDN. 2018-11-09 15:02:42 +02:00
XhmikosR 807c1b6d06 Add an examples layout.
Reduces duplication and makes maintenance easier.
2018-11-09 15:02:42 +02:00
Johann-S 1fdc7819cd use bsCustomFileInput in our docs (#27631) 2018-11-08 17:22:45 +02:00
sts-ryan-holton 2df2cdd33d Wrap checkboxes in `.form-group` (#27624) 2018-11-07 21:54:40 +01:00
ysds 8de915eded Docs: Improve accessibility of disabled link example (#27614)
Add `tabindex="-1"` and `aria-disabled="true"` to disabled link
2018-11-06 10:47:59 +02:00
Martijn Cuppens 6e10ac276e Increase readability card columns docs (#27609) 2018-11-05 21:08:13 +02:00
sts-ryan-holton 89eef046ef Add new `.rounded-pill` utility (#27339) 2018-11-05 19:19:00 +02:00
Martijn Cuppens b67c6fb435 Use a badge for .text-wrap example 2018-11-04 15:55:17 +02:00
XhmikosR 366bc88523 Add `text-wrap` example. 2018-11-04 15:55:17 +02:00
XhmikosR eeea8b5ed3 docs: remove false info from v3 suggestion. 2018-11-03 21:59:11 +02:00
Patrick H. Lauke 8b20bce873
Add Sass variable for prefers-reduced-motion, add callout to affected components (#27581)
* Tweak the accessibility/reduced motion text

include mention of carousel slides, remove the (now inaccurate, as Firefox 63 includes it too) mention that support is limited to Safari/macOS

xref https://github.com/twbs/bootstrap/issues/27525

* Add new callout for reduced motion

* Add variable to control prefers-reduced-motion media query support

* Add callout about prefers-reduced-motion to all components currently using animation which are affected
2018-11-03 19:23:26 +01:00
XhmikosR e0d1f3f18b Remove the obsolete tooltip-viewport example and redirect it. 2018-11-02 12:55:28 +02:00
Sebastian Hädrich 4b15ec9cad Make meaning of tooltip's `selector` option clearer (#27573) 2018-11-01 15:05:02 +02:00
Martijn Cuppens 273861f145 IE10 homepage fix 2018-10-30 18:16:19 +02:00
XhmikosR 2b21657cd4 Remove trailing space. 2018-10-30 15:44:41 +02:00
XhmikosR 40e560aa12 docs: remove Webpack version reference. 2018-10-30 15:44:41 +02:00
Matheus Rocha Vieira 77ff5e8e42 download page: add Yarn (#27544) 2018-10-30 11:27:13 +02:00
Ng Yik Phang 47ef0a877e Improve pagination's documentation accessibility.
- Remove `.sr-only` span for previous/next page, there is already`aria-label`
- Add `aria-disabled="true"` and `aria-current="page"`
2018-10-23 06:21:57 +03:00
XhmikosR d48f03b050 Use the example shortcode in more places.
Now that we don't have the ToC issue with the examples' headers in ToC, we can safely do this.no_toc_section_class
2018-10-22 09:24:36 +03:00
Martijn Cuppens 00860f02d4 Disallow transition property (use mixin instead) 2018-10-21 22:46:20 +03:00
Nicolay Hvidsten 345f26a667 Change erroneous documentation for .flex-fill (#27265)
The current documentation for .flex-fill indicated that the flex
items would have equal widths, regardless of content. This update
ensures that the documentation reflects the fact that the width
of the flex items depends on their actual content.
2018-10-21 18:54:09 +03:00
ysds becb6ce346 Add dropdown responsive alignment (#26255) 2018-10-21 11:01:22 +03:00
ysds 6bae9ef786 Example dashboard: Responsive padding-top of the main content (#26332) 2018-10-21 10:56:53 +03:00
Martijn Cuppens 49ca910667 Improve Grid examples. (#26808)
Removes the grid.css file of the grid example and makes use of utility classes
2018-10-21 10:52:13 +03:00
midzer 50d866da24 optimize data URIs (#27284) 2018-10-21 10:03:17 +03:00
XhmikosR bc2a98522d webpack page: Remove precss reference 2018-10-20 23:07:48 +03:00
XhmikosR 700f74cebd Make use of jekyll-toc's `no_toc_section` class.
Requires jekyll-toc v0.8.0.
2018-10-20 21:39:53 +03:00
XhmikosR 242f19897d Clean up docs Sass code.
* remove unused rules
* use Sass nesting in more places
* use the core mixins in more places
* use the color variables more
2018-10-20 21:08:37 +03:00
Mark Otto 5bf37eba53 Remove service worker 2018-10-20 16:00:28 +03:00
Johann-S c08652cfe8 swipe left/right without hammerjs 2018-10-20 15:32:09 +03:00
Johann-S caefd70463 Add touch support in our carousel with HammerJS. 2018-10-20 15:32:09 +03:00
Christian Oliff bf57389647 Add query string to the start_url to track how often app is launched
Useful suggestion from Google in the Web App Manifest documentation.
https://developers.google.com/web/fundamentals/web-app-manifest/#start-url
2018-10-20 14:58:37 +03:00
galczo5 6cbcd03efb Add `show` and `hide` methods to dropdown (#27370) 2018-10-20 14:27:51 +03:00
XhmikosR 282b77ee9c docs search: take into account the current URL. 2018-10-19 22:09:50 +03:00
chocolateboy ef32979222 Fix doc typo 2018-10-19 11:36:18 +03:00
Helmut Granda 34c7b07f7f Adding call out note directly to the page.
Instead of using an external source since this is only a one time note it is safe to be placed within the document itself.
2018-10-17 23:15:01 +03:00
Helmut Granda 42006e7b17 Adds a note about the limitations on content being larger than the image.
In the event that the content is larger than the image, the content will continue to be displayed outside the image itself. There are some workarounds but they apply only to browsers that support this option and IE11 is not one of them.
2018-10-17 23:15:01 +03:00
Martijn Cuppens 832a90d9d3 Move media from layout to components 2018-10-17 22:45:54 +03:00
XhmikosR 29f849879b Move docs .eslintrc in site/. 2018-10-15 16:03:16 +03:00
Martijn Cuppens ad60a58043 Rename everything to skippy and center skippy (#27420) 2018-10-15 14:19:41 +03:00
XhmikosR 43c20b912e Combine examples and simple layouts. 2018-10-15 12:54:51 +03:00
Martijn Cuppens fc77c5540e Change h1 to h2 2018-10-15 09:53:11 +03:00
XhmikosR 6c7ec73b16 Reduce indentation. 2018-10-14 22:00:58 +03:00
XhmikosR f9dea7624b Move periods outside of links. 2018-10-14 08:17:40 +03:00
XhmikosR 7749b91130 Fix a few links.
* fix `/versions/` link
* add missing trailing slashes
* fix a couple of redirects
2018-10-14 08:17:40 +03:00
XhmikosR 339311ddb5 Fix invalid selectors in tests and examples. 2018-10-14 08:17:40 +03:00
m5o 0e5813bfd4 update holder.js image dimensions for sizing example
* update holder.js image dimensions for sizing example
  * use `100%` instead of `100%`
  * 📝 https://github.com/imsky/holder#fluid-placeholders
2018-10-13 00:10:05 +03:00
m5o 74393bffc9 refine deprecated holder.js color syntax
* refine deprecated holder.js color syntax
  * remove `#55595c:#373a3c`
* harmonize with all other holder.js examples
2018-10-11 23:49:08 +03:00
Mark Otto 29bd5e3218 Add overflow-auto and overflow-hidden utilities 2018-10-06 17:55:55 -07:00
Spencer Davies 23015571b9 fix - small grammar error
"given move to" -> "given the move to"
2018-10-06 11:39:09 +03:00
XhmikosR 0350858edf Fix examples after the recent JS changes.
`https://example.com` isn't a valid selector.
2018-09-25 17:45:06 +03:00
Florian Lacreuse 46893e23a3 Add explanation about accordion wrapper. 2018-09-25 11:41:35 +03:00
719media e1b7404bb8 Update forms.md
fix duplicate id attribute
2018-09-20 09:31:02 +03:00
Mark Otto 4dc5671d1b Remove flex utilities from .list-group-item's as they're display: block; meaning the utilities have no affect. Closes #27162. 2018-09-18 22:14:45 -07:00
Mark Otto f6244654a6 dist 2018-09-18 21:35:40 -07:00
XhmikosR f9142bdd62 docs: switch to font-weight 600. (#27226)
Segoe UI doesn't have font-weight: 500 making things not looking as expected.
2018-09-18 18:31:51 -07:00
Johann-S 75f83da539 use bsCustomFileInput in our documentation (#27264) 2018-09-18 16:52:10 +03:00
Christopher Morrissey ea0faadde5 feature(carousel): carousel-item interval (#26667)
adds the ability to assign data-interval to an individual carousel-item
2018-09-18 15:55:48 +03:00
Mark Otto 029f92c5e5 Document input group wrapping behavior and override via utility class
Fixes #25409
2018-09-18 14:51:34 +03:00
Nabil Kadimi 876e320364 Switch to `.btn-secondary` for the search button so that it's accessible (#27255) 2018-09-18 13:10:02 +03:00
Mark Otto 7c88c46517 Clarify docs for custom form structure
Fixes #25440
2018-09-18 13:03:44 +03:00
XhmikosR 787441d4bf docs: use the bundle dist file. 2018-09-18 12:50:18 +03:00
Mark Otto 9e24d68112 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2018-09-17 12:34:41 -07:00
Mark Otto b68ea572da dist 2018-09-17 12:34:34 -07:00
Mark Otto 301a22b164 Update copy 2018-09-17 09:06:12 +03:00
XhmikosR 0d869a1063 Remove background-colors example and show only the code.
This is to avoid confusion.
2018-09-17 09:06:12 +03:00
Nabil Kadimi ed48d9a440 Typo (#27248) 2018-09-16 19:02:30 +01:00
Mark Otto c3d93b34ba Simplify HTML and CSS
- Remove iframes
- Turn into larger click areas
- Drop entire team.scss file for components and utilities
2018-09-16 02:04:32 +03:00
XhmikosR 4e8c9ba1da browsers-devices.md: Use Jekyll variable. 2018-09-16 02:04:32 +03:00
XhmikosR 685db4d64f Restore team page. 2018-09-16 02:04:32 +03:00
XhmikosR 0b97d1b0c4 Use https in more places and fix a few redirects. 2018-09-14 18:27:55 +03:00
XhmikosR c6f7276729 Update popper.min.js to v1.14.4. 2018-09-14 18:07:50 +03:00
XhmikosR bcb4e7be98 Update anchor.min.js to v4.1.1. 2018-09-14 18:07:50 +03:00
Herst 7b9c8e8eb3 Added type="button" to <button>s without any type (#27174)
(again)

https://github.com/twbs/bootlint/wiki/W007
2018-09-03 16:55:04 +01:00
Mark Otto 97801a7a2d Add new docs Versions page. 2018-09-02 13:57:25 -07:00
Johann-S a3e45d8ced
add information about valid selectors (#27137) 2018-08-31 21:00:29 +02:00
m5o 7f9e70202e add text-reset to text utilities (#26866) 2018-08-25 19:31:52 +03:00
Mark Otto 3a02f21b33 Specify new height for inputs in floating label example after v4.1.3's addition of a fixed height property on .form-control 2018-08-25 19:02:15 +03:00
Martijn Cuppens 8073e10fb3 #23389: Add breadbrumb in docs search results 2018-08-25 15:04:53 +03:00
Patrick H. Lauke 061a696855 Minor: missing dot before classname in explanatory text 2018-08-19 22:21:20 -07:00
Yannick Warnier 17008fb8f8 Fix section numbering in scrollspy doc example 2018-08-19 11:21:38 -07:00
Greg Tyler 5fb7c903b3 Use mr utility class throughout media object docs 2018-08-19 11:18:59 -07:00
Mark Otto c0fd91788e dist 2018-08-18 20:22:08 -07:00
Johann-S ab7ce480f2 Recommend a plugin to animate custom file input (#27088) 2018-08-18 16:57:07 +03:00
Martijn Cuppens 57661dff6d Tweak modal transform (#27005) 2018-08-13 10:00:53 +03:00
XhmikosR 63909069c4 docs/4.1/components/forms.md: fix useiconic link. 2018-08-12 21:15:55 +03:00
XhmikosR b5af1c6eaf Fix paths. 2018-08-12 21:15:55 +03:00
XhmikosR ae53690ab4 Commit our svgo config. 2018-08-02 19:17:18 +03:00
Jonathan 854da5a7c1 Hyphenate client-side/server-side (#27016) 2018-08-02 11:13:19 +01:00