diff --git a/scss/_patterns_lists.scss b/scss/_patterns_lists.scss index 2fda8db7a..ef44f1681 100644 --- a/scss/_patterns_lists.scss +++ b/scss/_patterns_lists.scss @@ -426,6 +426,13 @@ $list-step-bullet-margin: $sph--x-large; margin-bottom: 0; // spacing has been moved onto __item; this ensures that the heading / paragraph spacing matches that of regular headings / paragraphs margin-left: 0; + + &.no-full-stop { + .p-stepped-list__title::before { + content: counter(p-stepped-list-counter); + text-align: left; + } + } } .p-stepped-list__item { @@ -545,6 +552,13 @@ $list-step-bullet-margin: $sph--x-large; } } } + + &.no-full-stop { + .p-stepped-list__title::before { + content: counter(p-stepped-list-counter); + text-align: left; + } + } } } diff --git a/templates/docs/examples/patterns/lists/lists-stepped-no-full-stop.html b/templates/docs/examples/patterns/lists/lists-stepped-no-full-stop.html new file mode 100644 index 000000000..18b536c76 --- /dev/null +++ b/templates/docs/examples/patterns/lists/lists-stepped-no-full-stop.html @@ -0,0 +1,36 @@ +{% extends "_layouts/examples.html" %} +{% block title %}Lists / Stepped{% endblock %} + +{% block standalone_css %}patterns_lists{% endblock %} + +{% block content %} +
Ensure you have an Ubuntu SSO account before contacting JAAS. Log in to JAAS now.
+Applications are contained within models and are installed via charms. Configure your model by pressing the "Start a new model" button.
+After having selected a cloud, a form will appear for submitting your credentials to JAAS. The below resources are available if you need help with gathering credentials.
+Together, we design your Kubernetes cluster based on your hardware, scale, roadmap, applications and monitoring system. We'll guide you through the hardware specification process to maximise the efficiency of your CAPEX, and we'll tailor the architecture of your cloud to meet your application, security, regulatory and integration requirements.
+` paragraph as `.p-stepped-list__titl View example of the stepped list without headings +## Vertical stepped no full stop + +The a vatient on the stepped list without the full stop and the counter left aligned + +
+ ## Horizontal stepped The stepped list should be used for step-by-step instructions.