From 9ee504516cae45f7192aac2182f81fdb9bcb4521 Mon Sep 17 00:00:00 2001 From: Roman Cervantes Date: Tue, 9 Apr 2019 13:45:08 -0700 Subject: [PATCH] Added success button style --- src/styles/partials/_buttons.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/styles/partials/_buttons.scss b/src/styles/partials/_buttons.scss index b00d1f8a..65b245a3 100644 --- a/src/styles/partials/_buttons.scss +++ b/src/styles/partials/_buttons.scss @@ -80,6 +80,14 @@ button, a.link { &:active { background-color: darken($color-blue, 10%); } } + &.success { + background: $color-green; + color: $color-white; + + &:hover { background-color: lighten($color-green, 10%); } + &:active { background-color: darken($color-green, 10%); } + } + &.accent { background: $color-light-gray; color: $color-dark-gray; @@ -124,6 +132,17 @@ button, a.link { } } + &.success { + color: $color-green; + border: 1px solid $color-green; + background: transparent; + + &:hover { + background: $color-green; + color: $color-white; + } + } + &.accent { color: $color-gray; border: 1px solid $color-gray;