materialize-sass 0.100.2 → 0.100.2.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -91,6 +91,27 @@
91
91
  // }
92
92
  //}
93
93
 
94
+ //.picker__nav--prev:before,
95
+ //.picker__nav--next:before {
96
+ // content: " ";
97
+ // border-top: .5em solid transparent;
98
+ // border-bottom: .5em solid transparent;
99
+ // border-right: 0.75em solid #000;
100
+ // width: 0;
101
+ // height: 0;
102
+ // display: block;
103
+ // margin: 0 auto;
104
+ //}
105
+ //.picker__nav--next:before {
106
+ // border-right: 0;
107
+ // border-left: 0.75em solid #000;
108
+ //}
109
+ //.picker__nav--prev:hover,
110
+ //.picker__nav--next:hover {
111
+ // cursor: pointer;
112
+ // color: #000;
113
+ // background: #b1dcfb;
114
+ //}
94
115
  .picker__nav--disabled,
95
116
  .picker__nav--disabled:hover,
96
117
  .picker__nav--disabled:before,
@@ -113,18 +134,14 @@
113
134
  margin-top: .75em;
114
135
  margin-bottom: .5em;
115
136
  }
116
-
117
-
118
-
137
+ //@media (min-height: 33.875em) {
138
+ // .picker__table {
139
+ // margin-bottom: .75em;
140
+ // }
141
+ //}
119
142
  .picker__table th, .picker__table td {
120
143
  text-align: center;
121
144
  }
122
-
123
-
124
-
125
-
126
-
127
-
128
145
  .picker__table td {
129
146
  margin: 0;
130
147
  padding: 0;
@@ -148,7 +165,11 @@
148
165
  /**
149
166
  * The days on the calendar
150
167
  */
151
-
168
+ //.picker__day {
169
+ // padding: .3125em 0;
170
+ // font-weight: 200;
171
+ // border: 1px solid transparent;
172
+ //}
152
173
  .picker__day--today {
153
174
  position: relative;
154
175
  color: #595959;
@@ -172,45 +193,37 @@
172
193
  .picker__day--disabled:before {
173
194
  border-top-color: #aaaaaa;
174
195
  }
175
-
176
-
177
- .picker__day--infocus:hover{
178
- cursor: pointer;
179
- color: #000;
180
- font-weight: 500;
181
- }
182
-
183
196
  .picker__day--outfocus {
184
197
  display: none;
185
198
  padding: .75rem 0;
186
199
  color: #fff;
187
-
188
200
  }
201
+ .picker__day--infocus:hover{
202
+ cursor: pointer;
203
+ color: #000;
204
+ font-weight: 500;
205
+ }
206
+ //.picker__day--infocus:hover,
189
207
  .picker__day--outfocus:hover {
190
208
  cursor: pointer;
191
209
  color: #dddddd;
192
210
  // background: #b1dcfb;
193
211
  font-weight: 500;
194
212
  }
195
-
196
-
197
213
  .picker__day--highlighted {
198
- // border-color: #0089ec;
214
+ //border-color: #0089ec;
199
215
  }
200
216
  .picker__day--highlighted:hover,
201
217
  .picker--focused .picker__day--highlighted {
202
218
  cursor: pointer;
203
- // color: #000000;
204
- // background: #b1dcfb;
205
- // font-weight: 500;
219
+ //color: #000;
220
+ //background: #b1dcfb;
206
221
  }
207
222
  .picker__day--selected,
208
223
  .picker__day--selected:hover,
209
224
  .picker--focused .picker__day--selected {
210
-
211
-
212
- // Circle background
213
- border-radius: 50%;
225
+ // Circle background
226
+ border-radius: 50%;
214
227
  transform: scale(.75);
215
228
  background: #0089ec;
216
229
  color: #ffffff;
@@ -303,7 +316,7 @@
303
316
  }
304
317
 
305
318
  /* ==========================================================================
306
- CUSTOM MATERIALIZE STYLES
319
+ $DEFAULT-DATE-PICKER
307
320
  ========================================================================== */
308
321
  /*.picker__box {
309
322
  border-radius: 2px;
@@ -50,10 +50,12 @@
50
50
  */
51
51
  .picker__holder,
52
52
  .picker__frame {
53
+ top: 0;
53
54
  bottom: 0;
54
55
  left: 0;
55
56
  right: 0;
56
- top: 100%;
57
+ -ms-transform: translateY(100%);
58
+ transform: translateY(100%);
57
59
  }
58
60
  /**
59
61
  * The holder should overlay the entire screen.
@@ -155,7 +157,8 @@
155
157
  * When the picker opens...
156
158
  */
157
159
  .picker--opened .picker__holder {
158
- top: 0;
160
+ -ms-transform: translateY(0);
161
+ transform: translateY(0);
159
162
  background: transparent;
160
163
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
161
164
  zoom: 1;
@@ -165,7 +168,8 @@
165
168
  transition: background 0.15s ease-out;
166
169
  }
167
170
  .picker--opened .picker__frame {
168
- top: 0;
171
+ -ms-transform: translateY(0);
172
+ transform: translateY(0);
169
173
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
170
174
  filter: alpha(opacity=100);
171
175
  -moz-opacity: 1;
@@ -1,6 +1,6 @@
1
1
  module Materialize
2
2
  module Sass
3
- VERSION = "0.100.2"
3
+ VERSION = "0.100.2.1"
4
4
  end
5
5
  end
6
6
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: materialize-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.100.2
4
+ version: 0.100.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - mkhairi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-08-30 00:00:00.000000000 Z
11
+ date: 2019-03-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -175,8 +175,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
175
175
  - !ruby/object:Gem::Version
176
176
  version: '0'
177
177
  requirements: []
178
- rubyforge_project:
179
- rubygems_version: 2.6.11
178
+ rubygems_version: 3.0.1
180
179
  signing_key:
181
180
  specification_version: 4
182
181
  summary: Materialzecss sass for rails.