GIPainter-button 0.2.5 → 0.2.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/stylesheets/Base/_base.scss +13 -6
- data/assets/stylesheets/Mixins/_color.scss +0 -2
- data/lib/GIPainter-button/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: be0e2139712a35ba06c5a84790f5de7ea6b92fab
|
|
4
|
+
data.tar.gz: 7034341c2a3f1e1981c53be5d20cde1b11d03619
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c57f82c0aeb225d13cec04c7d7062fc6cd62fc12a13d1bd1bd87f1cbdabecf3e26465d4a3a63f071119e4f981b715b4d6b7c93f420cc03661c0996340893e4a4
|
|
7
|
+
data.tar.gz: e80970bfbaa5cbf00df34e998f231bfd578deed6ec83f3df84971f6eef6db183ff54b8a451dc12f1ebde0132c42de5fd95f87861bdc81927de6750e1b0833889
|
|
@@ -9,6 +9,9 @@
|
|
|
9
9
|
////
|
|
10
10
|
|
|
11
11
|
.o-btn {
|
|
12
|
+
$active-background: darken($gray, 10%);
|
|
13
|
+
$disabled-background: lighten($gray, 10%);
|
|
14
|
+
|
|
12
15
|
font-family: Roboto, sans-serif;
|
|
13
16
|
display: inline-block;
|
|
14
17
|
position: relative;
|
|
@@ -25,19 +28,22 @@
|
|
|
25
28
|
@include button-size($btn-padding-y, $btn-padding-x, $font-size-base);
|
|
26
29
|
@include transition(all .2s ease-in-out);
|
|
27
30
|
@include box-sizing(border-box);
|
|
28
|
-
@include
|
|
31
|
+
@include box-shadow(none);
|
|
32
|
+
@include text-contrast($gray);
|
|
33
|
+
background-color: $gray;
|
|
29
34
|
|
|
30
35
|
// Share hover and focus styles
|
|
31
36
|
&:hover,
|
|
32
37
|
&:focus,
|
|
33
38
|
&--focus{
|
|
34
39
|
text-decoration: none;
|
|
40
|
+
@include text-contrast($active-background);
|
|
41
|
+
background-color: $active-background;
|
|
35
42
|
}
|
|
36
43
|
|
|
37
44
|
&:focus,
|
|
38
45
|
&--focus {
|
|
39
46
|
outline: 0;
|
|
40
|
-
@include box-shadow(0 0 0 2px rgba($brand-primary, .25));
|
|
41
47
|
}
|
|
42
48
|
|
|
43
49
|
// Disabled comes first so active can properly restyle
|
|
@@ -45,13 +51,14 @@
|
|
|
45
51
|
&--disabled{
|
|
46
52
|
cursor: not-allowed;
|
|
47
53
|
pointer-events: none;
|
|
48
|
-
|
|
49
|
-
@include
|
|
54
|
+
background-color: $disabled-background;
|
|
55
|
+
@include text-contrast($disabled-background);
|
|
50
56
|
}
|
|
51
57
|
|
|
52
58
|
&:active,
|
|
53
59
|
&--active {
|
|
54
|
-
background
|
|
55
|
-
|
|
60
|
+
@include text-contrast($active-background);
|
|
61
|
+
background-color: $active-background;
|
|
62
|
+
background-image: none; // Remove the gradient for the pressed/active state
|
|
56
63
|
}
|
|
57
64
|
}
|
|
@@ -41,7 +41,6 @@
|
|
|
41
41
|
|
|
42
42
|
@include text-contrast($color);
|
|
43
43
|
background-color: $color;
|
|
44
|
-
@include box-shadow(inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075));
|
|
45
44
|
|
|
46
45
|
// Hover and focus styles are shared
|
|
47
46
|
&:hover,
|
|
@@ -63,6 +62,5 @@
|
|
|
63
62
|
@include text-contrast($active-background);
|
|
64
63
|
background-color: $active-background;
|
|
65
64
|
background-image: none; // Remove the gradient for the pressed/active state
|
|
66
|
-
@include box-shadow(inset 0 3px 5px rgba($black,.125));
|
|
67
65
|
}
|
|
68
66
|
}
|