summaryrefslogtreecommitdiff
path: root/assets/sass/_button.sass
diff options
context:
space:
mode:
authorFrederic Guillot <fred@kanboard.net>2016-08-06 22:19:36 -0400
committerFrederic Guillot <fred@kanboard.net>2016-08-06 22:19:36 -0400
commit1dc947eac4c67770deb1ea04b2e7a63ceb6241a7 (patch)
tree906d05de69df87a88d3205e6f9a5d5cbd0b7fbc9 /assets/sass/_button.sass
parent411a66c8cb58c73ef493ff030a4659f6ea0c51a6 (diff)
Convert vanilla CSS to SASS
Diffstat (limited to 'assets/sass/_button.sass')
-rw-r--r--assets/sass/_button.sass46
1 files changed, 46 insertions, 0 deletions
diff --git a/assets/sass/_button.sass b/assets/sass/_button.sass
new file mode 100644
index 00000000..7beea98a
--- /dev/null
+++ b/assets/sass/_button.sass
@@ -0,0 +1,46 @@
+.btn
+ +appearance
+ font-size: 1.1em
+ font-weight: normal
+ cursor: pointer
+ display: inline-block
+ color: #333
+ background: #f5f5f5
+ border: 1px solid #ddd
+ border-radius: 2px
+ padding: 3px 10px
+ margin: 0
+
+a.btn
+ text-decoration: none
+
+.btn:hover
+ border: 1px solid #bbb
+ color: #000
+ background: #fafafa
+
+.btn-red
+ border-color: #b0281a
+ background: #d14836
+ color: #fff
+ &:hover, &:focus
+ color: #fff
+ background: #c53727
+
+.btn-blue
+ border-color: #3079ed
+ background: #4d90fe
+ color: #fff
+ &:hover, &:focus
+ border-color: #2f5bb7
+ background: #357ae8
+ color: #fff
+
+.btn:disabled
+ color: #ccc
+ border: 1px solid #ccc
+ background: #f7f7f7
+
+.buttons-header
+ font-size: 0.9em
+ margin-bottom: 15px