english_tea 1.8.0 → 1.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/english_tea/forms/_range.scss +69 -112
  3. data/app/assets/stylesheets/english_tea/forms.scss +1 -0
  4. data/lib/english_tea/version.rb +1 -1
  5. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: bf4d62dd933ea57e6b4ba2f8535498580ca0e4978a148c7b059f117816a30177
4
- data.tar.gz: 80f3550f9df4fa692547d39a36e025b8b88d418c1aa3876f8b8c3a4a117a0823
3
+ metadata.gz: ea97b3933f89cb17285bf744b8ea1279ed8fd064cb1fccb350664d5acd4ff662
4
+ data.tar.gz: fd38c9b75de4696e1303ea674091c6c5c8e9e542f805687655ece123c33dd8dd
5
5
  SHA512:
6
- metadata.gz: 18d67b34caf3123f6e08921965bd55b8c1cb397d3afd769a8e42dad82179321f3b2b58873944a6a86414e6db517fb41d3d28e2faf5033c85da259432db347428
7
- data.tar.gz: cddd61b3fbe0a55af34851e2f564474070a6971a9764671150502aa70e9a669ba47d1e3b1f208ed09d9060a346d06565ab1367406e13cc4ba91923b9b7b3fc05
6
+ metadata.gz: 1216d74c430c960307253821d2647e923a249174ea98dc013e22f40827818fc70bbe9d591d7367c79e2d8ba5361550672bbb1f842cf7a2d96691bb8ed0a9f819
7
+ data.tar.gz: b9a4fd1e90566b4053dc8082456630929d429259c2258114d6450b451abae2a134e2b0608aef5af0375edd4425ff188f21725d9e6b0d29cd35886c3d48612f6c
data/app/assets/stylesheets/english_tea/forms/_range.scss CHANGED
@@ -4,123 +4,80 @@
4
4
  // Originally developed for job title percentage selection.
5
5
  // ==========================================================================
6
6
 
7
- .field-range
8
- {
9
- &-input
10
- {
11
- @include appearance(none);
12
7
 
13
- vertical-align: middle;
14
- width: 100%;
8
+ .field-range {
15
9
 
16
- @include _pseudo-prefix(track, ('webkit-slider-runnable', 'moz-range', 'ms'))
17
- {
18
- @include appearance(none);
10
+ &-input {
11
+ @include prefixer(appearance, none, webkit);
19
12
 
20
- background: map-get($colors, 10);
21
- border: none;
22
- height: 2px;
23
- vertical-align: middle;
24
- width: 100%;
25
- }
26
-
27
- @include _pseudo-prefix(thumb, ('webkit-slider', 'moz-range', 'ms'))
28
- {
29
- @include appearance(none);
30
-
31
- background: map-get($colors, 10);
32
- border: none;
33
- border-radius: 100%;
34
- cursor: move;
35
- height: _rem($base-rhythm * 2);
36
- margin-top: _rem(-$base-rhythm);
37
- @include transition(box-shadow $transition-timing-base $transition-easing-base);
38
- width: _rem($base-rhythm * 2);
13
+ &:focus {
14
+ outline: none;
39
15
 
40
- &:active,
41
- &:focus
42
- {
43
- @include _box-shadow(2);
44
- }
16
+ &::-webkit-slider-runnable-track {
17
+ background: map-get($colors, 3);
18
+ }
19
+ &::-ms-fill-lower {
20
+ background: map-get($colors, 4);
21
+ }
22
+ &::-ms-fill-upper {
23
+ background: map-get($colors, 3);
24
+ }
45
25
  }
46
- }
47
-
48
- &-output
49
- {
50
- top: _rem(-($base-rhythm * 2.5));
51
- }
52
- }
53
-
54
- // Alternative single slider control
55
- .weighted-selector
56
- {
57
- // &-status
58
- // {
59
- // text-align: center;
60
-
61
- // &:first-child
62
- // {
63
- // text-align: left;
64
- // }
65
-
66
- // &:last-child,
67
-
68
- // {
69
- // text-align: right;
70
- // }
71
- // }
72
26
 
73
- .noUi-target,
74
- .noUi-target *
75
- {
76
- @include prefixer(touch-action, base, webkit moz ms);
77
- @include prefixer(user-select, none, moz ms);
27
+ &::-webkit-slider-runnable-track {
28
+ width: 100%;
29
+ height: 4px;
30
+ cursor: pointer;
31
+ background: map-get($colors, 3);
32
+ border-radius: 2px;
33
+ }
34
+
35
+ &::-webkit-slider-thumb {
36
+ height: 12px;
37
+ width: 12px;
38
+ border-radius: 6px;
39
+ background: map-get($colors, 10);;
40
+ cursor: pointer;
41
+ -webkit-appearance: none;
42
+ margin-top: -4.5px;
43
+ }
44
+
45
+ &::-moz-range-track {
46
+ width: 100%;
47
+ height: 3px;
48
+ cursor: pointer;
49
+ background: map-get($colors, 3);
50
+ border-radius: 0px;
51
+ }
52
+
53
+ &::-moz-range-progress {
54
+ background: map-get($colors, 4);
55
+ }
56
+
57
+ &::-moz-range-thumb {
58
+ height: 12px;
59
+ width: 12px;
60
+ border-radius: 6px;
61
+ background: #000000;
62
+ cursor: pointer;
63
+ }
64
+
65
+ &::-ms-track {
66
+ width: 100%;
67
+ height: 3px;
68
+ cursor: pointer;
69
+ background: transparent;
70
+ border-color: transparent;
71
+ color: transparent;
72
+ }
73
+
74
+ &::-ms-thumb {
75
+ height: 12px;
76
+ width: 12px;
77
+ border-radius: 6px;
78
+ background: map-get($colors, 10);;
79
+ cursor: pointer;
80
+ height: 3px;
81
+ }
78
82
  }
79
-
80
- .noUi-horizontal
81
- {
82
- height: 2px;
83
- }
84
-
85
- .noUi-background
86
- {
87
- background-color: map-get($colors, 3);
88
- }
89
-
90
- .noUi-base
91
- {
92
- height: 100%;
93
- position: relative;
94
- width: 100%;
95
- z-index: 1;
96
- }
97
-
98
- .noUi-origin
99
- {
100
- bottom: 0;
101
- left: 0;
102
- position: absolute;
103
- right: 0;
104
- top: 0;
105
- }
106
-
107
- // @each $index in (1, 2)
108
- // {
109
- // .noUi-origin:nth-child(#{$index})
110
- // {
111
- // background-color: map-get($colors-weight, $index + 1);
112
- // }
113
- // }
114
-
115
- .noUi-handle
116
- {
117
- background-color: map-get($colors, 10);
118
- border-radius: 100%;
119
- height: _rem($base-rhythm * 2);
120
- cursor: default;
121
- left: _rem(-$base-rhythm + 1px);
122
- position: relative;
123
- top: _rem(-$base-rhythm + 1px);
124
- width: _rem($base-rhythm * 2);
125
- }
126
83
  }
data/app/assets/stylesheets/english_tea/forms.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @import 'forms/setup';
2
2
  @import 'forms/text';
3
3
  @import 'forms/numeric';
4
+ @import 'forms/range';
4
5
  @import 'forms/select';
5
6
  @import 'forms/autocomplete';
6
7
  @import 'forms/choices';
data/lib/english_tea/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module EnglishTea
2
- VERSION = "1.8.0"
2
+ VERSION = "1.9.0"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: english_tea
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.8.0
4
+ version: 1.9.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joel Parr
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: exe
11
11
  cert_chain: []
12
- date: 2018-01-04 00:00:00.000000000 Z
12
+ date: 2018-01-09 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: bundler