From 31b192d14e09e45bccf01199b6293dc33ee06c1c Mon Sep 17 00:00:00 2001 From: Martin Wright Date: Fri, 7 Aug 2015 15:26:00 +0100 Subject: add new button style for homepage --- assets/stylesheets/responsive/custom.scss | 29 +++++++++++++++-------------- 1 file changed, 15 insertions(+), 14 deletions(-) diff --git a/assets/stylesheets/responsive/custom.scss b/assets/stylesheets/responsive/custom.scss index 9fe98f3..c059e2d 100644 --- a/assets/stylesheets/responsive/custom.scss +++ b/assets/stylesheets/responsive/custom.scss @@ -249,6 +249,19 @@ input.use-datepicker[type=text] { } } +@mixin button-quarternary($args...) { + @include button-base($args...); + background-color: $color_orange; + color: $color_white; + font-weight: normal; + &:hover, + &:active, + &:focus { + background-color: darken($color_orange, 7.5%); + } +} + + form input[type=submit], a.link_button_green, a.link_button_green_large { @include button-primary; text-decoration: none; @@ -879,20 +892,8 @@ li:nth-child(3) { } } - .button { - color: $color_white; - background-color: $color_yellow; - border-color: darken($color_yellow, 15%); - color: $color_black; - transition: color 300ms ease-out; - &:hover, - &:active, - &:focus { - color: $color_white; - background-color: $color_blue; - border-color: darken($color_blue, 15%); - transition: color 300ms ease-out; - } + .new-request__make-new-requests { + @include button-quarternary; } } -- cgit v1.2.3