diff --git a/packages/example/src/pages/components/markdown.mdx b/packages/example/src/pages/components/markdown.mdx index 65ba729dc..0d227c6e8 100644 --- a/packages/example/src/pages/components/markdown.mdx +++ b/packages/example/src/pages/components/markdown.mdx @@ -93,6 +93,13 @@ Strikethrough uses two tildes. ~~Scratch this.~~ 1. Nested list item 3. In markdown, the actual numbers don't matter, just that it's a number 4. In markdown, the actual numbers don't matter, just that it's a number +5. In markdown, the actual numbers don't matter, just that it's a number +6. In markdown, the actual numbers don't matter, just that it's a number +7. In markdown, the actual numbers don't matter, just that it's a number +8. In markdown, the actual numbers don't matter, just that it's a number +9. In markdown, the actual numbers don't matter, just that it's a number +10. In markdown, the actual numbers don't matter, just that it's a number +11. In markdown, the actual numbers don't matter, just that it's a number **Nested lists** diff --git a/packages/gatsby-theme-carbon/src/components/markdown/Markdown.module.scss b/packages/gatsby-theme-carbon/src/components/markdown/Markdown.module.scss index b6aad784b..447a79a4d 100644 --- a/packages/gatsby-theme-carbon/src/components/markdown/Markdown.module.scss +++ b/packages/gatsby-theme-carbon/src/components/markdown/Markdown.module.scss @@ -81,11 +81,16 @@ margin-bottom: $spacing-06; } -.list-item { +:global(.bx--list--ordered) .list-item, +:global(.bx--list--unordered) .list-item { @include carbon--type-style('body-long-02'); padding-right: 0; - margin: 0; width: 100%; + padding-left: $spacing-05; +} + +:global(.container--dark) :global(.bx--list__item) { + color: $carbon--white-0; } //--------------------------------------- @@ -170,10 +175,3 @@ margin-top: $spacing-04; @include carbon--type-style('heading-01'); } - -//--------------------------------------- -// Lists -//--------------------------------------- -:global(.container--dark) :global(.bx--list__item) { - color: $carbon--white-0; -}