From d6cc0e017dcb205f417b4f74ffd8ec5762b44bf2 Mon Sep 17 00:00:00 2001 From: Rodrigo Castro Date: Tue, 1 Nov 2016 00:27:40 -0200 Subject: Fixes #21057, fixes utilities link on typography documentation page (#21058) --- docs/content/typography.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/content') diff --git a/docs/content/typography.md b/docs/content/typography.md index ae1378422..35d47886a 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -5,7 +5,7 @@ description: Documentation and examples for Bootstrap typography, including glob group: content --- -Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes]({{ site.baseurl }}/utilities/). +Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes]({{ site.baseurl }}/utilities/typography). ## Contents -- cgit v1.2.3 From ffaad0a819c6cf1e21d9a9d313673f9d7a260584 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 31 Oct 2016 21:27:56 -0700 Subject: Responsive display utilities (#20934) * Explore responsive display utils, but with a twist: lowest breakpoint has no breakpoint modifier in the class name * make floats use the same format, add float-none mixin --- docs/content/images.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/content') diff --git a/docs/content/images.md b/docs/content/images.md index da342b546..c9323bcf2 100644 --- a/docs/content/images.md +++ b/docs/content/images.md @@ -47,13 +47,13 @@ In addition to our [border-radius utilities]({{ site.baseurl }}/utilities/border Align images with the [helper float classes]({{ site.baseurl }}/utilities/responsive-helpers/#responsive-floats) or [text alignment classes]({{ site.baseurl }}/utilities/typography/#text-alignment). `block`-level images can be centered using [the `.mx-auto` margin utility class]({{ site.baseurl }}/utilities/spacing/#horizontal-centering).
- A generic square placeholder image with rounded corners - A generic square placeholder image with rounded corners + A generic square placeholder image with rounded corners + A generic square placeholder image with rounded corners
{% highlight html %} -... -... +... +... {% endhighlight %}
-- cgit v1.2.3 From cec0c7c6d6c6926dd372a91172c0081bb09fcc09 Mon Sep 17 00:00:00 2001 From: Eric Nolte Date: Fri, 4 Nov 2016 10:54:34 -0600 Subject: Update docs to reflect new breakpoint naming convention --- docs/content/tables.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/content') diff --git a/docs/content/tables.md b/docs/content/tables.md index 0e40c0ef7..b927f35d5 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -445,8 +445,8 @@ Use contextual classes to color table rows or individual cells.
- - + + -- cgit v1.2.3 From 967ee175dc8aeee307dfb36d141cc321f37e53cc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 26 Nov 2016 01:45:40 -0800 Subject: Move .table-responsive to .table instead of as a parent --- docs/content/tables.md | 274 ++++++++++++++++++++++++------------------------- 1 file changed, 133 insertions(+), 141 deletions(-) (limited to 'docs/content') diff --git a/docs/content/tables.md b/docs/content/tables.md index b927f35d5..c1661e532 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -442,52 +442,50 @@ Add `.table-sm` to make tables more compact by cutting cell padding in half. Use contextual classes to color table rows or individual cells. -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ClassDescription
- .table-active - Applies the hover color to a particular row or cell
- .table-success - Indicates a successful or positive action
- .table-info - Indicates a neutral informative change or action
- .table-warning - Indicates a warning that might need attention
- .table-danger - Indicates a dangerous or potentially negative action
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ClassDescription
+ .table-active + Applies the hover color to a particular row or cell
+ .table-success + Indicates a successful or positive action
+ .table-info + Indicates a neutral informative change or action
+ .table-warning + Indicates a warning that might need attention
+ .table-danger + Indicates a dangerous or potentially negative action
@@ -670,7 +668,7 @@ Regular table background variants are not available with the inverse table, howe ## Responsive tables -Create responsive tables by wrapping any `.table` in `.table-responsive` to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables. +Create responsive tables by adding `.table-responsive` to any `.table` to make them scroll horizontally on small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables. {% callout warning %} #### Vertical clipping/truncation @@ -693,103 +691,97 @@ For more information, read [this Stack Overflow answer](https://stackoverflow.co {% endcallout %}
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#Table headingTable headingTable headingTable headingTable headingTable heading
1Table cellTable cellTable cellTable cellTable cellTable cell
2Table cellTable cellTable cellTable cellTable cellTable cell
3Table cellTable cellTable cellTable cellTable cellTable cell
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#Table headingTable headingTable headingTable headingTable headingTable heading
1Table cellTable cellTable cellTable cellTable cellTable cell
2Table cellTable cellTable cellTable cellTable cellTable cell
3Table cellTable cellTable cellTable cellTable cellTable cell
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Table headingTable headingTable headingTable headingTable headingTable heading
1Table cellTable cellTable cellTable cellTable cellTable cell
2Table cellTable cellTable cellTable cellTable cellTable cell
3Table cellTable cellTable cellTable cellTable cellTable cell
-{% highlight html %} -
- - ... +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Table headingTable headingTable headingTable headingTable headingTable heading
1Table cellTable cellTable cellTable cellTable cellTable cell
2Table cellTable cellTable cellTable cellTable cellTable cell
3Table cellTable cellTable cellTable cellTable cellTable cell
+ +{% highlight html %} + + ... +
{% endhighlight %} -- cgit v1.2.3 From b1e8d60348ab84895b7b722487a03264a53aedfb Mon Sep 17 00:00:00 2001 From: Starsam80 Date: Sat, 26 Nov 2016 21:33:46 -0700 Subject: Remove 'xs' from text utilities (#21217) --- docs/content/figures.md | 2 +- docs/content/images.md | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/content') diff --git a/docs/content/figures.md b/docs/content/figures.md index b85ca8a4a..4f90018c9 100644 --- a/docs/content/figures.md +++ b/docs/content/figures.md @@ -21,6 +21,6 @@ Aligning the figure's caption is easy with our [text utilities]({{ site.baseurl {% example html %}
A generic square placeholder image with rounded corners in a figure. -
A caption for the above image.
+
A caption for the above image.
{% endexample %} diff --git a/docs/content/images.md b/docs/content/images.md index c9323bcf2..fc8cda6b4 100644 --- a/docs/content/images.md +++ b/docs/content/images.md @@ -65,13 +65,13 @@ Align images with the [helper float classes]({{ site.baseurl }}/utilities/respon {% endhighlight %}
-
+
A generic square placeholder image with rounded corners
{% highlight html %} -
+
...
{% endhighlight %} -- cgit v1.2.3 From af937836d95ebf7bc100288bef7a7f99b637d7f9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 28 Nov 2016 20:26:28 -0800 Subject: Fix #20908 (#21244) Remove the border-bottom from abbr elements since that's covered with an underline in Normalize.css. Updates the docs to match and tweaks some code comments, too. --- docs/content/typography.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/content') diff --git a/docs/content/typography.md b/docs/content/typography.md index 35d47886a..073734768 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -154,7 +154,7 @@ Change text alignment, transform, style, weight, and color with our [text utilit ## Abbreviations -Stylized implementation of HTML's `` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a `title` attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies. +Stylized implementation of HTML's `` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline from Normalize.css and gain a help cursor to provide additional context on hover and to users of assistive technologies. Add `.initialism` to an abbreviation for a slightly smaller font-size. -- cgit v1.2.3 From e3a569f4f6ab326d78300c6a8ab3e3766075cfd0 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 2 Dec 2016 09:58:18 -0800 Subject: Remove soon-to-be-defunct callout about Firefox fieldset bug (#21262) The relevant bug has been fixed in Firefox 53: https://bugzilla.mozilla.org/show_bug.cgi?id=504622 --- docs/content/tables.md | 14 -------------- 1 file changed, 14 deletions(-) (limited to 'docs/content') diff --git a/docs/content/tables.md b/docs/content/tables.md index c1661e532..da847611f 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -676,20 +676,6 @@ Create responsive tables by adding `.table-responsive` to any `.table` to make t Responsive tables make use of `overflow-y: hidden`, which clips off any content that goes beyond the bottom or top edges of the table. In particular, this can clip off dropdown menus and other third-party widgets. {% endcallout %} -{% callout warning %} -#### Firefox and fieldsets - -Firefox has some awkward fieldset styling involving `width` that interferes with the responsive table. This cannot be overridden without a Firefox-specific hack that we **don't** provide in Bootstrap: - -{% highlight css %} -@-moz-document url-prefix() { - fieldset { display: table-cell; } -} -{% endhighlight %} - -For more information, read [this Stack Overflow answer](https://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content/17863685#17863685). -{% endcallout %} -
-- cgit v1.2.3 From da18d07d8e56ed162474028a53235cbf847466d4 Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Fri, 16 Dec 2016 23:43:24 +1100 Subject: Add 'system-ui' to font stack. --- docs/content/reboot.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'docs/content') diff --git a/docs/content/reboot.md b/docs/content/reboot.md index 5cb4be175..e37f23d7d 100644 --- a/docs/content/reboot.md +++ b/docs/content/reboot.md @@ -41,7 +41,9 @@ The default web fonts (Helvetica Neue, Helvetica, and Arial) have been dropped i $font-family-sans-serif: // Safari for OS X and iOS (San Francisco) -apple-system, - // Chrome for OS X (San Francisco) + // Chrome >= 56 for OS X (San Francisco), Windows, Linux and Android + system-ui, + // Chrome < 56 for OS X (San Francisco) BlinkMacSystemFont, // Windows "Segoe UI", -- cgit v1.2.3 From 855a67b1d6364be9bf730871dd4914d8d760589d Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Fri, 23 Dec 2016 08:41:31 +1100 Subject: Remove IE9 browser hacks. (#21393) --- docs/content/reboot.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/content') diff --git a/docs/content/reboot.md b/docs/content/reboot.md index e37f23d7d..08ad15a6a 100644 --- a/docs/content/reboot.md +++ b/docs/content/reboot.md @@ -311,7 +311,7 @@ The `` element receives basic styling to make it stand out amongst paragra ## HTML5 `[hidden]` attribute -HTML5 adds [a new global attribute named `[hidden]`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden), which is styled as `display: none` by default. Borrowing an idea from [PureCSS](http://purecss.io), we improve upon this default by making `[hidden] { display: none !important; }` to help prevent its `display` from getting accidentally overridden. While `[hidden]` isn't natively supported by IE9-10, the explicit declaration in our CSS gets around that problem. +HTML5 adds [a new global attribute named `[hidden]`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden), which is styled as `display: none` by default. Borrowing an idea from [PureCSS](http://purecss.io), we improve upon this default by making `[hidden] { display: none !important; }` to help prevent its `display` from getting accidentally overridden. While `[hidden]` isn't natively supported by IE10, the explicit declaration in our CSS gets around that problem. {% highlight html %} -- cgit v1.2.3