Add new mixin to render buttons as links

2021-03-30 13:48:48 +02:00
parent f1fcdc62da
commit bfbbda00e3
1 changed files with 15 additions and 0 deletions
--- a/app/assets/stylesheets/mixins/buttons.scss
+++ b/app/assets/stylesheets/mixins/buttons.scss
@@ -19,3 +19,18 @@
  @extend %button;
  margin-bottom: 0;
 }
+
+@mixin link {
+  color: $link;
+  cursor: pointer;
+
+  &:hover,
+  &:active {
+    color: $link-hover;
+    text-decoration: underline;
+  }
+
+  &:focus {
+    outline: $outline-focus;
+  }
+}