feat/tup-625: Migrate o-heading-steps to core-styles (#248)

* added o-heading-steps

* had a weird backtick at the end of the div on accident

* chore: delete excess dist file

* chore: delete dev cruft in dist

---------

Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>

src/lib/_imports/core-styles.cms.css

@@ -26,6 +26,8 @@
 @import url("./objects/o-float-content.css");
 @import url("./objects/o-offset-content.css");
 @import url("./objects/o-section.css");
+@import url("./objects/o-heading-steps.css");
+
 
 /* COMPONENTS */
 @import url("./components/bootstrap.col.css");

src/lib/_imports/objects/o-heading-steps.css

@@ -0,0 +1,17 @@
+/* To add numbers to steps */
+.heading-steps,
+[class*="heading-steps--"] {
+  counter-reset: step;
+}
+
+.heading-steps :is(h1, h2, h3, h4, h5, h6),
+[class*="heading-steps--"] :is(h1, h2, h3, h4, h5, h6) {
+  counter-increment: step;
+}
+
+.heading-steps--root :is(h1, h2, h3, h4, h5, h6)::before,
+.heading-steps__item :is(h1, h2, h3, h4, h5, h6)::before {
+  content: counter(step) '. ';
+  color: var(--global-color-accent--secondary);
+  font-weight: var(--medium);
+}

src/lib/_imports/objects/o-heading-steps/config.yml

@@ -0,0 +1,3 @@
+status: ready
+context:
+  shouldLoadCMS: true

src/lib/_imports/objects/o-heading-steps/o-heading-steps.hbs

@@ -0,0 +1,14 @@
+<div class="heading-steps">
+    <article class="heading-steps__item">
+      <h3>Create an Account</h3>
+    </article>
+    <article class="heading-steps__item">
+      <h3>Request Allocations</h3>
+    </article>
+    <article class="heading-steps__item">
+      <h3>Learn How to Use Our Resources</h3>
+    </article>
+    <article class="heading-steps__item">
+          <h3>Work With Our Team</h3>
+    </article>
+</div>

src/lib/_imports/objects/o-heading-steps/readme.md

@@ -0,0 +1,2 @@
+Heading Steps will add numbers to the beginning of a heading. 
+A visual representation of this is shown in the numebers 1-4 listed in the example above.