Style disabled buttons

2016-11-03 14:54:25 +01:00
parent 413705291d
commit 01caefcca5
1 changed files with 15 additions and 0 deletions
--- a/src/styles/_app_utils.sass
+++ b/src/styles/_app_utils.sass
@@ -56,6 +56,21 @@
 	small
 		font-size: .6em

+	&:disabled
+		cursor: not-allowed
+		color: $color-text-dark-secondary
+		border-color: $color-text-dark-hint
+
+		&:hover
+			@if $filled
+				background: rgba($color-text-dark-hint, .2)
+			@else
+				background-color: rgba($color-text-dark-hint, .1)
+
+		@if $filled
+			background: rgba($color-text-dark-hint, .1)
+			text-shadow: none
+

@mixin overlay($from-color, $from-percentage, $to-color, $to-percentage)
 	position: absolute