dlegr250_material_design 0.1.31 → 0.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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