Skip to content

Commit

Permalink
Create variant for link with 'btn' class
Browse files Browse the repository at this point in the history
  • Loading branch information
alinekeller committed Jan 10, 2024
1 parent a174b1c commit 6738023
Show file tree
Hide file tree
Showing 3 changed files with 19 additions and 0 deletions.
2 changes: 2 additions & 0 deletions assets/components/atoms/link/link-button.twig
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
<a class="btn btn-primary" href="#">Primary button link</a>
<a class="btn btn-secondary" href="#">Secondary button link</a>
11 changes: 11 additions & 0 deletions assets/components/atoms/link/link.scss
Original file line number Diff line number Diff line change
Expand Up @@ -120,3 +120,14 @@ a:visited {
opacity: 1;
}
}

// Button link

a.btn,
a.btn-primary {
color: $white;
}

a.btn-secondary {
color: $black;
}
6 changes: 6 additions & 0 deletions assets/components/atoms/link/link.yml
Original file line number Diff line number Diff line change
Expand Up @@ -25,3 +25,9 @@ variants:
- name: login
title: Login link
notes:
- name: button
title: Button link
notes: |
Use the classes `btn`, `btn-primary` or `btn-secondary` to create a link with the look of a button.
⚠️ Button links should be used to target a page or section of a page – like a regular link. To trigger an action, use an [HTML button](#/atoms/button).

0 comments on commit 6738023

Please sign in to comment.