From bfbbda00e3c317c0c78c3f1c4da72c477386e866 Mon Sep 17 00:00:00 2001 From: taitus Date: Tue, 30 Mar 2021 13:48:48 +0200 Subject: [PATCH] Add new mixin to render buttons as links --- app/assets/stylesheets/mixins/buttons.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/app/assets/stylesheets/mixins/buttons.scss b/app/assets/stylesheets/mixins/buttons.scss index 5974a418d..9e6fea4a1 100644 --- 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; + } +}