Merge pull request #31 from IATI/validator

Add ability to apply `iati-button` styles to `<a>` elements
IATI · Dec 11, 2024 · 9f6c309 · 9f6c309
2 parents 1dcc152 + 9f1e8b8
commit 9f6c309
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/scss/components/button/_button.scss b/src/scss/components/button/_button.scss
@@ -17,6 +17,7 @@
   padding: 0.7em;
   font-weight: 600;
   transition: all 0.2s ease-in-out;
+  text-decoration: none;
 
   &:hover {
     background-color: $color-teal-80;

diff --git a/src/scss/components/button/button.stories.ts b/src/scss/components/button/button.stories.ts
@@ -13,6 +13,10 @@ export const Default: Story = {
   render: () => html`<button class="iati-button">Button</button>`,
 };
 
+export const Link: Story = {
+  render: () => html`<a href="#" class="iati-button">Button</a>`,
+};
+
 export const Light: Story = {
   parameters: {
     backgrounds: {