diff --git a/CHANGELOG.md b/CHANGELOG.md index 17cdaa1bc9..b9cb64dcaa 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,7 @@ ## Unreleased +* Remove list-style for govspeak ordered lists ([PR #3413](https://github.com/alphagov/govuk_publishing_components/pull/3413)) * Allow ga4-form-tracker text to be overridden ([PR #3409](https://github.com/alphagov/govuk_publishing_components/pull/3409)) * Change GA4 share values ([PR #3407](https://github.com/alphagov/govuk_publishing_components/pull/3407)) * Add GA4 index_section_count to step by step links ([PR #3410](https://github.com/alphagov/govuk_publishing_components/pull/3410)) diff --git a/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss b/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss index fe0d873739..d8c42b1e8a 100644 --- a/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +++ b/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss @@ -87,7 +87,9 @@ ol, ul { - list-style: decimal; + // we intentionally don't set list-style for ol elements, so that they can + // utilise the type attribute for the formatting. Browsers default to a + // style of decimal. list-style-position: outside; margin-left: $gutter-two-thirds; padding: 0; diff --git a/app/views/govuk_publishing_components/components/docs/govspeak.yml b/app/views/govuk_publishing_components/components/docs/govspeak.yml index ea78cdafc7..a91adf9c5b 100644 --- a/app/views/govuk_publishing_components/components/docs/govspeak.yml +++ b/app/views/govuk_publishing_components/components/docs/govspeak.yml @@ -80,6 +80,49 @@ examples:
  • three
  • + ordered_lists_types: + description: | + Govspeak/markdown does not generate HTML with type and start attributes, + however we still provide support for them as some advanced users write + HTML directly to achieve the list formatting. + data: + block: | +

    Lowercase alphabetical list

    +
      +
    1. one
    2. +
    3. two
    4. +
    + +

    Uppercase alphabetical list

    +
      +
    1. one
    2. +
    3. two
    4. +
    + +

    Lowercase Roman numeral list

    +
      +
    1. one
    2. +
    3. two
    4. +
    + +

    Uppercase Roman numberal list

    +
      +
    1. one
    2. +
    3. two
    4. +
    + +

    Numerical list starting at 3

    +
      +
    1. three
    2. +
    3. four
    4. +
    + +

    Lowercase alphabetical list, starting at 3

    +
      +
    1. three
    2. +
    3. four
    4. +
    + legislative_lists: data: block: |