From 48ab5e45e5382c60091cbc18e979805312fe7573 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 3 Jan 2018 16:52:04 +0000
Subject: [PATCH] adding button mixin
---
.../static_src/src/sass/abstracts/_mixins.scss | 17 +++++++++++++++++
1 file changed, 17 insertions(+)
diff --git a/opentech/static_src/src/sass/abstracts/_mixins.scss b/opentech/static_src/src/sass/abstracts/_mixins.scss
index 4d1e60003..ec2c41c0b 100755
--- a/opentech/static_src/src/sass/abstracts/_mixins.scss
+++ b/opentech/static_src/src/sass/abstracts/_mixins.scss
@@ -77,3 +77,20 @@
@include rem-font-size($size);
}
}
+
+// button mixin
+@mixin button($bg) {
+ padding: 10px 60px;
+ background: $bg;
+ border: 1px solid $color--white;
+ transition: background $transition;
+
+ &:hover {
+ background: darken($bg, 8%);
+ transition: background $transition;
+ }
+
+ &:active {
+ background: darken($bg, 25%);
+ }
+}
--
GitLab