dlegr250_material_design 0.1.31 → 0.1.32

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: 42356827fbce63fba42fb09c1158e854a5f1e9e7
4
- data.tar.gz: 287fb5dc414a9a7c52b845aa2497d12b115bc300
3
+ metadata.gz: 5568fd7df0772b6b72c4a5d962069e6a8cdcff6f
4
+ data.tar.gz: fa982add58b53b35fbd3fdbbaf76d8c9a6931971
5
5
  SHA512:
6
- metadata.gz: b12e2005387266699492bc735f158e0fa80fbbe701934a03b621e2f5e9ec9b26c1e238fa66648ac8cb2e83fdde5ed1effeb2cc5ed3ee2b43a95670cd4a738bdb
7
- data.tar.gz: 730f1d233e1b97a2d7ed93eb3dc9cf46960c69acc2163d7711d8927a5c6192cf005921538d9088ff1949ba93779d82a16bfa4907fbc74e99bf2e872a3beb0645
6
+ metadata.gz: f4646e0169af1cd01917d656a15cc0148d2d4a785795ade3cf33f67658885450421274b91f54182ee43f8a294ff63ee359a9275d745a85eb210340dab71a154d
7
+ data.tar.gz: 846ec9c33e10839fbb04a36b7c98721354a7300c12cf9a103f9a72e2752c168850bbf63ad9d00c0bce460be9b1d09984aaa0bba13fa153e9d35d93ec1342090f
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.1.31"
2
+ VERSION = "0.1.32"
3
3
  end
@@ -150,18 +150,6 @@
150
150
  visibility: hidden !important;
151
151
  }
152
152
 
153
- // Disabled elements
154
- //----------------------------------------------------------------------
155
-
156
- // :disabled,
157
- // .disabled {
158
- // background-color: rgba(0, 0, 0, 0.12) !important;
159
- // color: rgba(0, 0, 0, 0.26) !important;
160
- // cursor: not-allowed !important;
161
- // pointer-events: none !important;
162
- // @include box-shadow(none !important);
163
- // }
164
-
165
153
  // Colored background or text
166
154
  //----------------------------------------------------------------------
167
155
 
@@ -42,7 +42,9 @@
42
42
 
43
43
  // Hide actual radio button
44
44
  input {
45
- display: none;
45
+ // If you use 'display: none', TAB-ing will not work.
46
+ position: absolute;
47
+ left: -9999px;
46
48
  }
47
49
 
48
50
  label {
@@ -66,7 +68,13 @@
66
68
  }
67
69
  }
68
70
 
69
- // Default colors
71
+ // Mark focused element for visual aid with keyboard TAB nav
72
+ input:focus ~ label {
73
+ border-color: darken(color("primary"), 10%);
74
+ @include box-shadow(0 0 10px color("primary"));
75
+ }
76
+
77
+ // Mark selected label
70
78
  input:checked ~ label {
71
79
  background-color: color("primary");
72
80
  color: color("white");
@@ -86,6 +94,12 @@
86
94
  // }
87
95
  // }
88
96
 
97
+ // Mark focused element for visual aid with keyboard TAB nav
98
+ input:focus ~ label {
99
+ border-color: darken($color, 10%);
100
+ @include box-shadow(0 0 10px $color);
101
+ }
102
+
89
103
  input:checked ~ label {
90
104
  background-color: $color;
91
105
  color: color("white");
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.31
4
+ version: 0.1.32
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2016-04-14 00:00:00.000000000 Z
11
+ date: 2016-04-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler