From d9fa3fd7971b5331b6582b46b568048458bb5544 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Oct 2016 18:33:58 -0700 Subject: Rename .tag to .badge to avoid conflicting with WordPress --- docs/components/badge.md | 50 +++++++++++++++++++++++++++++++++++++++++++ docs/components/list-group.md | 6 +++--- docs/components/tag.md | 50 ------------------------------------------- 3 files changed, 53 insertions(+), 53 deletions(-) create mode 100644 docs/components/badge.md delete mode 100644 docs/components/tag.md (limited to 'docs/components') diff --git a/docs/components/badge.md b/docs/components/badge.md new file mode 100644 index 000000000..71b550f3b --- /dev/null +++ b/docs/components/badge.md @@ -0,0 +1,50 @@ +--- +layout: docs +title: Badges +description: Documentation and examples for badges, our small count and labelling component. +group: components +--- + +Small and adaptive tag for adding context to just about any content. + +## Example + +Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units. + +{% example html %} +

Example heading New

+

Example heading New

+

Example heading New

+

Example heading New

+
Example heading New
+
Example heading New
+{% endexample %} + +## Contextual variations + +Add any of the below mentioned modifier classes to change the appearance of a badge. + +{% example html %} +Default +Primary +Success +Info +Warning +Danger +{% endexample %} + +{% capture callout-include %}{% include callout-warning-color-assistive-technologies.md %}{% endcapture %} +{{ callout-include | markdownify }} + +## Pill badges + +Use the `.badge-pill` modifier class to make badges more rounded (with a larger `border-radius` and additional horizontal `padding`). Useful if you miss the badges from v3. + +{% example html %} +Default +Primary +Success +Info +Warning +Danger +{% endexample %} diff --git a/docs/components/list-group.md b/docs/components/list-group.md index 22982d1b9..a04347455 100644 --- a/docs/components/list-group.md +++ b/docs/components/list-group.md @@ -32,15 +32,15 @@ Add tags to any list group item to show unread counts, activity, etc. {% example html %} diff --git a/docs/components/tag.md b/docs/components/tag.md deleted file mode 100644 index d292cad22..000000000 --- a/docs/components/tag.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -layout: docs -title: Tags -description: Documentation and examples for tags, our small label-badge component. -group: components ---- - -Small and adaptive tag for adding context to just about any content. - -## Example - -Tags scale to match the size of the immediate parent element by using relative font sizing and `em` units. - -{% example html %} -

Example heading New

-

Example heading New

-

Example heading New

-

Example heading New

-
Example heading New
-
Example heading New
-{% endexample %} - -## Contextual variations - -Add any of the below mentioned modifier classes to change the appearance of a tag. - -{% example html %} -Default -Primary -Success -Info -Warning -Danger -{% endexample %} - -{% capture callout-include %}{% include callout-warning-color-assistive-technologies.md %}{% endcapture %} -{{ callout-include | markdownify }} - -## Pill tags - -Use the `.tag-pill` modifier class to make tags more rounded (with a larger `border-radius` and additional horizontal `padding`). Useful if you miss the badges from v3. - -{% example html %} -Default -Primary -Success -Info -Warning -Danger -{% endexample %} -- cgit v1.2.3