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/components/card.md | 38 +++++++++++++++++++------------------- docs/components/progress.md | 12 ++++++------ 2 files changed, 25 insertions(+), 25 deletions(-) (limited to 'docs/components') diff --git a/docs/components/card.md b/docs/components/card.md index f876ccad2..8fd2276cb 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -151,13 +151,13 @@ You can quickly change the text alignment of any card—in its entirety or speci Go somewhere -
+

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
-
+

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere @@ -209,7 +209,7 @@ Card headers can be styled by adding `.card-header` to `` elements. {% endexample %} {% example html %} -
+
Featured
@@ -229,7 +229,7 @@ Card headers can be styled by adding `.card-header` to `` elements. Use Bootstrap's nav pills or tabs within a card header. Be sure to always include a `.float-*-*` utility class for proper alignment. {% example html %} -
+
  • @@ -252,7 +252,7 @@ Use Bootstrap's nav pills or tabs within a card header. Be sure to always includ {% endexample %} {% example html %} -
    +
    • @@ -333,7 +333,7 @@ You can also use `.card-inverse` with the [contextual backgrounds variants](#bac Cards include their own variant classes for quickly changing the `background-color` and `border-color` of a card. **Darker colors require the use of `.card-inverse`.** {% example html %} -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -341,7 +341,7 @@ Cards include their own variant classes for quickly changing the `background-col
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -349,7 +349,7 @@ Cards include their own variant classes for quickly changing the `background-col
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -357,7 +357,7 @@ Cards include their own variant classes for quickly changing the `background-col
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -365,7 +365,7 @@ Cards include their own variant classes for quickly changing the `background-col
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -383,7 +383,7 @@ Cards include their own variant classes for quickly changing the `background-col In need of a colored card, but not the hefty background colors they bring? Replace the default modifier classes with the `.card-outline-*` ones to style just the `border-color` of a card. {% example html %} -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -391,7 +391,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -399,7 +399,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -407,7 +407,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -415,7 +415,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -423,7 +423,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      @@ -542,7 +542,7 @@ Only applies to small devices and above.

      Last updated 3 mins ago

      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.

      @@ -552,7 +552,7 @@ Only applies to small devices and above.
      -
      +

      Card title

      This card has supporting text below as a natural lead-in to additional content.

      Last updated 3 mins ago

      @@ -560,7 +560,7 @@ Only applies to small devices and above.
      Card image
      -
      +

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

      diff --git a/docs/components/progress.md b/docs/components/progress.md index 2d8db33cb..50d1f1b55 100644 --- a/docs/components/progress.md +++ b/docs/components/progress.md @@ -18,19 +18,19 @@ To caption a progress bar, simply add a `
      ` with your caption text, [align t {% example html %} -
      Reticulating splines… 0%
      +
      Reticulating splines… 0%
      -
      Reticulating splines… 25%
      +
      Reticulating splines… 25%
      -
      Reticulating splines… 50%
      +
      Reticulating splines… 50%
      -
      Reticulating splines… 75%
      +
      Reticulating splines… 75%
      -
      Reticulating splines… 100%
      +
      Reticulating splines… 100%
      {% endexample %} @@ -39,7 +39,7 @@ To caption a progress bar, simply add a `
      ` with your caption text, [align t Internet Explorer 9 doesn't support the HTML5 `` element, but we can work around that. {% example html %} -
      Reticulating splines… 25%
      +
      Reticulating splines… 25%
      -- cgit v1.2.3 From 8d031090d0f2a42b392b3452416539334562e3a7 Mon Sep 17 00:00:00 2001 From: Starsam80 Date: Sun, 27 Nov 2016 16:19:27 -0700 Subject: Rename `.flex-xs-*` and `.flex-items-xs-*` to `.flex-*` and `.flex-items-*` (#21218) * Clean up _flex.scss a little This commit just cleans up the formating of _flex.scss by changing it so that it uses a single `@include media-breakpoint-up` instead of multiple. It also aligns all of the CSS properties so it looks a bit nicer. * Remove `-xs` from flex classes --- docs/components/list-group.md | 8 ++++---- docs/components/navs.md | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/components') diff --git a/docs/components/list-group.md b/docs/components/list-group.md index 49a6ced63..820470bbb 100644 --- a/docs/components/list-group.md +++ b/docs/components/list-group.md @@ -46,19 +46,19 @@ Add badges to any list group item to show unread counts, activity, etc.
    {% endexample %} -When in flexbox mode, you'll need to rearrange the contents of your list group items. To replicate the right-aligned badges as shown above, use the following example's code. Note the [`flex-items-xs-between` utility class]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), the badge's placement, and the lack of a float utility on the badges. +When in flexbox mode, you'll need to rearrange the contents of your list group items. To replicate the right-aligned badges as shown above, use the following example's code. Note the [`flex-items-between` utility class]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), the badge's placement, and the lack of a float utility on the badges. {% highlight html %}
      -
    • +
    • Cras justo odio 14
      • -
    • +
    • Dapibus ac facilisis in 2
      • -
    • +
    • Morbi leo risus 1
      • diff --git a/docs/components/navs.md b/docs/components/navs.md index 86fd0463f..7ac1b5232 100644 --- a/docs/components/navs.md +++ b/docs/components/navs.md @@ -282,7 +282,7 @@ And pills, too: Using our [flexbox utilities]({{ site.baseurl }}/layout/flexbox-grid/#horizontal-alignment), you can also customize your navigation components to change the alignment of nav items. For example, here are center aligned links on the inline nav component. {% example html %} -