Browse Source

Add button--disabled class

sbkwgh 8 years ago
parent
commit
36ea1dad49
1 changed files with 17 additions and 0 deletions
  1. 17 0
      src/assets/scss/elementStyles.scss

+ 17 - 0
src/assets/scss/elementStyles.scss

@@ -78,6 +78,23 @@ b, strong {
 		}
 	}
 
+	@at-root #{&}--disabled {
+		position: relative;
+		pointer-events: none;
+
+		@include user-select(none);
+
+		&::after {
+			content: '';
+			width: 100%;
+			height: 100%;
+			position: absolute;
+			left: 0;
+			top: 0;
+			background-color: rgba(240, 240, 240, 0.4);
+		}
+	}
+
 	@at-root #{&}--orange {
 		border-color: $color__orange--primary;
 		&:hover { border-color: $color__orange--darker; }