From 2ddfc51a5f66c898ad3e609024b6a94138ab7b1f Mon Sep 17 00:00:00 2001 From: ManjaroOne666 Date: Wed, 23 Jan 2019 17:27:32 +0000 Subject: [PATCH] btn-link --- assets/scss/style.scss | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 638ca4a..12f2c7d 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -46,3 +46,44 @@ } } +.btn-link { + padding: .4em .8em; + color: $color__neutral-900; + border: 2px solid $color__neutral-900; + @include font-title(); + + &::before { + content: ''; + z-index: -1; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: $color__neutral-200; + background: linear-gradient( + to bottom left, + $color__neutral-400, + $color__neutral-200 + ); + + transition: opacity .3s; + opacity: .4; + } + + &:link, &:visited { + color: $color__neutral-900; + } + + &:hover, &:active { + + &::before { + opacity: .8; + } + } + + &:focus { + + } +} +