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