Feat(web): Introduce button-unstyled helper

lmc-eu · Jan 8, 2025 · b6e3892 · b6e3892
1 parent a43b7c7
commit b6e3892
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 0 deletions.
diff --git a/packages/web/src/scss/helpers/buttons/_buttons.scss b/packages/web/src/scss/helpers/buttons/_buttons.scss
@@ -0,0 +1,5 @@
+@use '../../tools/reset';
+
+.button-unstyled {
+    @include reset.button();
+}
diff --git a/packages/web/src/scss/helpers/buttons/index.html b/packages/web/src/scss/helpers/buttons/index.html
@@ -0,0 +1,21 @@
+{{#> web/layout/default title="Buttons" parentPageName="Helpers" }}
+
+<section class="UNSTABLE_Section">
+
+  <div class="Container">
+
+    <h2 class="docs-Heading">Buttons</h2>
+
+    <div class="docs-Stack docs-Stack--start">
+
+      <button type="button" class="button-unstyled">
+        Unstyled button
+      </button>
+
+    </div>
+
+  </div>
+
+</section>
+
+{{/web/layout/default}}
diff --git a/packages/web/src/scss/helpers/buttons/index.scss b/packages/web/src/scss/helpers/buttons/index.scss
@@ -0,0 +1 @@
+@forward 'buttons';
diff --git a/packages/web/src/scss/helpers/index.scss b/packages/web/src/scss/helpers/index.scss
@@ -1,6 +1,7 @@
 @forward 'accessibility';
 @forward 'animations';
 @forward 'breakout';
+@forward 'buttons';
 @forward 'images';
 @forward 'links';
 @forward 'lists';