diff --git a/docs/content/components/avatars.md b/docs/content/components/avatars.md index 88183997..3d622469 100644 --- a/docs/content/components/avatars.md +++ b/docs/content/components/avatars.md @@ -210,16 +210,16 @@ Use `AvatarStack--right` to right-align the avatar stack. Remember to switch the - - - + + + ``` ### Medium ```html live -
+
Travis CI
``` diff --git a/docs/content/components/box.md b/docs/content/components/box.md index f4273588..a943c323 100644 --- a/docs/content/components/box.md +++ b/docs/content/components/box.md @@ -472,7 +472,7 @@ A similar approach can be used for buttons with multiple lines of text within a
Row title -
+
Description
@@ -481,7 +481,7 @@ A similar approach can be used for buttons with multiple lines of text within a
Row title -
+
Description
@@ -490,7 +490,7 @@ A similar approach can be used for buttons with multiple lines of text within a
Row title -
+
Description
@@ -510,7 +510,7 @@ Using flexbox along with form, button, and link styles, you can create more comp Check it -
diff --git a/docs/content/components/dropdown.md b/docs/content/components/dropdown.md index 0737e7ea..ac373a07 100644 --- a/docs/content/components/dropdown.md +++ b/docs/content/components/dropdown.md @@ -37,7 +37,7 @@ Using a button customized with additional utilities: ```html live
- + Dropdown
diff --git a/docs/content/components/forms.md b/docs/content/components/forms.md index b3de6692..e761d41f 100644 --- a/docs/content/components/forms.md +++ b/docs/content/components/forms.md @@ -369,7 +369,7 @@ Content that is hidden by default should only be done so if it is non-essential Available hours per week - hours per week + hours per week
diff --git a/docs/content/components/labels.md b/docs/content/components/labels.md index 7e9791a6..6e5b44e3 100644 --- a/docs/content/components/labels.md +++ b/docs/content/components/labels.md @@ -81,7 +81,7 @@ Issue labels are used for adding labels to issues and pull requests. They also c Primer bug 🐛 help wanted -🚂 deploy: train +🚂 deploy: train ``` If an issue label needs to be bigger, add the `.IssueLabel--big` modifier. @@ -90,7 +90,7 @@ If an issue label needs to be bigger, add the `.IssueLabel--big` modifier. Primer bug 🐛 help wanted -🚂 deploy: train +🚂 deploy: train ``` ## States @@ -180,9 +180,9 @@ You can also have icons and emoji in counters. Or use utilities for counters wit 10 👍 2 -22 -22 -22 +22 +22 +22 ``` ## Diffstat @@ -196,12 +196,12 @@ Diffstats show how many deletions or additions a diff has. It's typically a row ``` -Use the `text-green` and `text-red` utilities to add additional information about the size of the diff. +Use the `color-text-success` and `color-text-danger` utilities to add additional information about the size of the diff. ```html live - +7 - −2 + +7 + −2 diff --git a/docs/content/components/loaders.md b/docs/content/components/loaders.md index 51268475..62ae83b0 100644 --- a/docs/content/components/loaders.md +++ b/docs/content/components/loaders.md @@ -21,6 +21,6 @@ It can also be used in combination with other components. ```html live

Loading

Loading
-Loading
+Loading
``` diff --git a/docs/content/components/navigation.md b/docs/content/components/navigation.md index c8faa5d9..5648e471 100644 --- a/docs/content/components/navigation.md +++ b/docs/content/components/navigation.md @@ -256,7 +256,7 @@ Different kind of content can be added inside a Side Nav item. Use utility class - With a label label + With a label label With a counter 16 @@ -271,8 +271,8 @@ Different kind of content can be added inside a Side Nav item. Use utility class The `.SideNav-subItem` is an alternative, more lightweight version without borders and more condensed. It can be used stand-alone. ```html live -
diff --git a/docs/content/components/timeline.md b/docs/content/components/timeline.md index 141c5c56..f9f9f03b 100644 --- a/docs/content/components/timeline.md +++ b/docs/content/components/timeline.md @@ -17,9 +17,9 @@ The `TimelineItem` component is used to display items on a vertical timeline, co
- Monalisa created one - hot potato - Just now + Monalisa created one + hot potato + Just now
``` @@ -49,7 +49,7 @@ To have color variants, use the [color utilities](/utilities/colors) on the badg ```html live
-
+
@@ -59,7 +59,7 @@ To have color variants, use the [color utilities](/utilities/colors) on the badg
-
+
@@ -68,8 +68,9 @@ To have color variants, use the [color utilities](/utilities/colors) on the badg Green background when opened or passed events occur
-
-
+
-
+
@@ -135,9 +136,9 @@ Sometimes you want to give ownership to an event by displaying an [Avatar]() of
- Monalisa created one - hot potato - Just now + Monalisa created one + hot potato + Just now
@@ -149,7 +150,7 @@ To create a visual break in the timeline, use `TimelineItem-break`. This adds a ```html live
-
+
@@ -160,7 +161,7 @@ To create a visual break in the timeline, use `TimelineItem-break`. This adds a
-
+
@@ -181,9 +182,9 @@ To create a visual break in the timeline, use `TimelineItem-break`. This adds a
- Monalisa created one - hot potato - Just now + Monalisa created one + hot potato + Just now
``` diff --git a/docs/content/objects/grid.md b/docs/content/objects/grid.md index aba47dc8..5361d3ef 100644 --- a/docs/content/objects/grid.md +++ b/docs/content/objects/grid.md @@ -90,7 +90,7 @@ Column widths can be used with any other block or inline-block elements to add p ```html live
-
+
Don't go bacon my heart. @@ -136,24 +136,24 @@ Use padding utilities to create gutters for more customized layouts. ```html live title="Gutters with padding"
-
.pr-2
+
.pr-2
-
.px-2
+
.px-2
-
.px-2
+
.px-2
-
.pl-2
+
.pl-2
-
.pr-2
+
.pr-2
-
.pl-2
+
.pl-2
``` @@ -258,8 +258,8 @@ You can also create an alternative [media object](/utilities/layout#the-media-ob

GitHub

-

How people build software.

- https://github.com/about +

How people build software.

+ https://github.com/about
``` @@ -297,8 +297,8 @@ This can be useful for keeping columns the same height, justifying content and v

GitHub

-

How people build software.

- https://github.com/about +

How people build software.

+ https://github.com/about
``` diff --git a/docs/content/stickersheet/index.md b/docs/content/stickersheet/index.md index 0568b5e8..0cd4d1f3 100644 --- a/docs/content/stickersheet/index.md +++ b/docs/content/stickersheet/index.md @@ -27,8 +27,8 @@ path: stickersheet/
-IssueLabel -IssueLabel +IssueLabel +IssueLabel
@@ -126,8 +126,8 @@ path: stickersheet/
-IssueLabel -IssueLabel +IssueLabel +IssueLabel
diff --git a/docs/content/stickersheet/labels.md b/docs/content/stickersheet/labels.md index bd562629..9f7eae46 100644 --- a/docs/content/stickersheet/labels.md +++ b/docs/content/stickersheet/labels.md @@ -44,14 +44,14 @@ The base label component styles the t
-Primer +Primer 🐻 Next
-Primer +Primer 🐻 Next @@ -112,9 +112,9 @@ The base label component styles the t 10 👍 2 -22 -22 -22 +22 +22 +22
@@ -140,8 +140,8 @@ The base label component styles the t
- +7 - −2 + +7 + −2 diff --git a/docs/content/stickersheet/sizes.md b/docs/content/stickersheet/sizes.md index f3d8e2ed..95c74b73 100644 --- a/docs/content/stickersheet/sizes.md +++ b/docs/content/stickersheet/sizes.md @@ -7,7 +7,7 @@ path: stickersheet/sizes ```html live -16px +16px @@ -15,25 +15,25 @@ path: stickersheet/sizes
-20px +20px Label -IssueLabel +IssueLabel 1.5K
-24px +24px Label -IssueLabel +IssueLabel State
-28px +28px @@ -41,7 +41,7 @@ path: stickersheet/sizes
-32px +32px @@ -54,7 +54,7 @@ path: stickersheet/sizes
-40px +40px