purecss-sass 2.0.6 → 2.1.0

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
  SHA256:
3
- metadata.gz: 962a106589e0977c9ceb53ce35fc16d88243a13c54e08adae10d05f654eafabb
4
- data.tar.gz: 625fe203ff80566a3d985280c3d4696643402a99b8cddcb70b0783beff9c1d7d
3
+ metadata.gz: c0802601ddf5a4754bfe7bb1e2edf0bcfb32b37d41ee532436f147406124cf64
4
+ data.tar.gz: f00830ccf7f1e59ac5bd7358ea5ab99677cfc454cf51dfbfb32c1f868b8af7d2
5
5
  SHA512:
6
- metadata.gz: 2499395878a5fb2e99f06ee254fa36ab7b10af86daca2b99175b5f2997b8481d052d1b73c7d1b8f9de15524ded89a6505cac1c728126f4d979c4738bbc0ea058
7
- data.tar.gz: 8bae36ea0bcbc8426d83f65390b1487df96ae4d281bc47c99c2612c63a66c5428b7120e56700da1580dcf09b669a2b844bc823dbb4f6e808b237682bf7a9257a
6
+ metadata.gz: eaad20e07cdae60bcb0a548171ce58a503a20aa6ec1881608b588ac32743a60ea1f5b6e770874d568538de3f85c8140a82e46584c03a21908182fd1f06437c69
7
+ data.tar.gz: e8b573ed4d703e2932e2d35ce4692f24a0caeecf8a61cb11812d5a4117258be83ab5a77c9893ae2670d0b8de69d9f58c9a496e7e7216384180b1809516a3717b
data/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 2.1.0 (2022-03-15)
2
+
3
+ - Update assets to match upstream version
4
+
5
+ Framework version: Pure v2.1.0
6
+
1
7
  ## 2.0.6 (2021-06-10)
2
8
 
3
9
  - Update assets to match upstream version
@@ -1,5 +1,5 @@
1
1
  module Purecss
2
2
  module Sass
3
- VERSION = '2.0.6'.freeze
3
+ VERSION = '2.1.0'.freeze
4
4
  end
5
5
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "purecss-sass",
3
- "version": "2.0.6",
3
+ "version": "2.1.0",
4
4
  "description": "Pure CSS framework, converted to Sass and ready to use in Sass powered applications",
5
5
  "keywords": [
6
6
  "pure",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v2.0.6
2
+ Pure v2.1.0
3
3
  Copyright 2013 Yahoo!
4
4
  Licensed under the BSD License.
5
5
  https://github.com/pure-css/pure/blob/master/LICENSE
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v2.0.6
2
+ Pure v2.1.0
3
3
  Copyright 2013 Yahoo!
4
4
  Licensed under the BSD License.
5
5
  https://github.com/pure-css/pure/blob/master/LICENSE
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v2.0.6
2
+ Pure v2.1.0
3
3
  Copyright 2013 Yahoo!
4
4
  Licensed under the BSD License.
5
5
  https://github.com/pure-css/pure/blob/master/LICENSE
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v2.0.6
2
+ Pure v2.1.0
3
3
  Copyright 2013 Yahoo!
4
4
  Licensed under the BSD License.
5
5
  https://github.com/pure-css/pure/blob/master/LICENSE
@@ -491,3 +491,125 @@ https://github.com/pure-css/pure/blob/master/LICENSE
491
491
  width: 100%;
492
492
  }
493
493
  }
494
+
495
+ @media screen and (min-width: 120em) {
496
+ .pure-u-xxl-1, .pure-u-xxl-1-1, .pure-u-xxl-1-2, .pure-u-xxl-1-3, .pure-u-xxl-2-3, .pure-u-xxl-1-4, .pure-u-xxl-3-4, .pure-u-xxl-1-5, .pure-u-xxl-2-5, .pure-u-xxl-3-5, .pure-u-xxl-4-5, .pure-u-xxl-5-5, .pure-u-xxl-1-6, .pure-u-xxl-5-6, .pure-u-xxl-1-8, .pure-u-xxl-3-8, .pure-u-xxl-5-8, .pure-u-xxl-7-8, .pure-u-xxl-1-12, .pure-u-xxl-5-12, .pure-u-xxl-7-12, .pure-u-xxl-11-12, .pure-u-xxl-1-24, .pure-u-xxl-2-24, .pure-u-xxl-3-24, .pure-u-xxl-4-24, .pure-u-xxl-5-24, .pure-u-xxl-6-24, .pure-u-xxl-7-24, .pure-u-xxl-8-24, .pure-u-xxl-9-24, .pure-u-xxl-10-24, .pure-u-xxl-11-24, .pure-u-xxl-12-24, .pure-u-xxl-13-24, .pure-u-xxl-14-24, .pure-u-xxl-15-24, .pure-u-xxl-16-24, .pure-u-xxl-17-24, .pure-u-xxl-18-24, .pure-u-xxl-19-24, .pure-u-xxl-20-24, .pure-u-xxl-21-24, .pure-u-xxl-22-24, .pure-u-xxl-23-24, .pure-u-xxl-24-24 {
497
+ display: inline-block;
498
+ letter-spacing: normal;
499
+ word-spacing: normal;
500
+ vertical-align: top;
501
+ text-rendering: auto;
502
+ }
503
+
504
+ .pure-u-xxl-1-24 {
505
+ width: 4.1667%;
506
+ }
507
+
508
+ .pure-u-xxl-1-12, .pure-u-xxl-2-24 {
509
+ width: 8.3333%;
510
+ }
511
+
512
+ .pure-u-xxl-1-8, .pure-u-xxl-3-24 {
513
+ width: 12.5000%;
514
+ }
515
+
516
+ .pure-u-xxl-1-6, .pure-u-xxl-4-24 {
517
+ width: 16.6667%;
518
+ }
519
+
520
+ .pure-u-xxl-1-5 {
521
+ width: 20%;
522
+ }
523
+
524
+ .pure-u-xxl-5-24 {
525
+ width: 20.8333%;
526
+ }
527
+
528
+ .pure-u-xxl-1-4, .pure-u-xxl-6-24 {
529
+ width: 25%;
530
+ }
531
+
532
+ .pure-u-xxl-7-24 {
533
+ width: 29.1667%;
534
+ }
535
+
536
+ .pure-u-xxl-1-3, .pure-u-xxl-8-24 {
537
+ width: 33.3333%;
538
+ }
539
+
540
+ .pure-u-xxl-3-8, .pure-u-xxl-9-24 {
541
+ width: 37.5000%;
542
+ }
543
+
544
+ .pure-u-xxl-2-5 {
545
+ width: 40%;
546
+ }
547
+
548
+ .pure-u-xxl-5-12, .pure-u-xxl-10-24 {
549
+ width: 41.6667%;
550
+ }
551
+
552
+ .pure-u-xxl-11-24 {
553
+ width: 45.8333%;
554
+ }
555
+
556
+ .pure-u-xxl-1-2, .pure-u-xxl-12-24 {
557
+ width: 50%;
558
+ }
559
+
560
+ .pure-u-xxl-13-24 {
561
+ width: 54.1667%;
562
+ }
563
+
564
+ .pure-u-xxl-7-12, .pure-u-xxl-14-24 {
565
+ width: 58.3333%;
566
+ }
567
+
568
+ .pure-u-xxl-3-5 {
569
+ width: 60%;
570
+ }
571
+
572
+ .pure-u-xxl-5-8, .pure-u-xxl-15-24 {
573
+ width: 62.5000%;
574
+ }
575
+
576
+ .pure-u-xxl-2-3, .pure-u-xxl-16-24 {
577
+ width: 66.6667%;
578
+ }
579
+
580
+ .pure-u-xxl-17-24 {
581
+ width: 70.8333%;
582
+ }
583
+
584
+ .pure-u-xxl-3-4, .pure-u-xxl-18-24 {
585
+ width: 75%;
586
+ }
587
+
588
+ .pure-u-xxl-19-24 {
589
+ width: 79.1667%;
590
+ }
591
+
592
+ .pure-u-xxl-4-5 {
593
+ width: 80%;
594
+ }
595
+
596
+ .pure-u-xxl-5-6, .pure-u-xxl-20-24 {
597
+ width: 83.3333%;
598
+ }
599
+
600
+ .pure-u-xxl-7-8, .pure-u-xxl-21-24 {
601
+ width: 87.5000%;
602
+ }
603
+
604
+ .pure-u-xxl-11-12, .pure-u-xxl-22-24 {
605
+ width: 91.6667%;
606
+ }
607
+
608
+ .pure-u-xxl-23-24 {
609
+ width: 95.8333%;
610
+ }
611
+
612
+ .pure-u-xxl-1, .pure-u-xxl-1-1, .pure-u-xxl-5-5, .pure-u-xxl-24-24 {
613
+ width: 100%;
614
+ }
615
+ }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v2.0.6
2
+ Pure v2.1.0
3
3
  Copyright 2013 Yahoo!
4
4
  Licensed under the BSD License.
5
5
  https://github.com/pure-css/pure/blob/master/LICENSE
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v2.0.6
2
+ Pure v2.1.0
3
3
  Copyright 2013 Yahoo!
4
4
  Licensed under the BSD License.
5
5
  https://github.com/pure-css/pure/blob/master/LICENSE
@@ -1,5 +1,5 @@
1
1
  /*!
2
- Pure v2.0.6
2
+ Pure v2.1.0
3
3
  Copyright 2013 Yahoo!
4
4
  Licensed under the BSD License.
5
5
  https://github.com/pure-css/pure/blob/master/LICENSE
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: purecss-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.0.6
4
+ version: 2.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dmitriy Tarasov
8
- autorequire:
8
+ autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2021-06-10 00:00:00.000000000 Z
11
+ date: 2022-03-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sassc
@@ -106,7 +106,6 @@ files:
106
106
  - vendor/assets/stylesheets/_purecss.scss
107
107
  - vendor/assets/stylesheets/purecss/_base.scss
108
108
  - vendor/assets/stylesheets/purecss/_buttons.scss
109
- - vendor/assets/stylesheets/purecss/_forms-nr.scss
110
109
  - vendor/assets/stylesheets/purecss/_forms.scss
111
110
  - vendor/assets/stylesheets/purecss/_grids-responsive.scss
112
111
  - vendor/assets/stylesheets/purecss/_grids.scss
@@ -118,7 +117,7 @@ licenses:
118
117
  metadata:
119
118
  bug_tracker_uri: https://github.com/rubysamurai/purecss-sass/issues
120
119
  changelog_uri: https://github.com/rubysamurai/purecss-sass/blob/master/CHANGELOG.md
121
- post_install_message:
120
+ post_install_message:
122
121
  rdoc_options: []
123
122
  require_paths:
124
123
  - lib
@@ -133,8 +132,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
133
132
  - !ruby/object:Gem::Version
134
133
  version: '0'
135
134
  requirements: []
136
- rubygems_version: 3.2.15
137
- signing_key:
135
+ rubygems_version: 3.2.32
136
+ signing_key:
138
137
  specification_version: 4
139
138
  summary: Pure CSS framework, converted to Sass
140
139
  test_files: []
@@ -1,335 +0,0 @@
1
- /*!
2
- Pure v2.0.6
3
- Copyright 2013 Yahoo!
4
- Licensed under the BSD License.
5
- https://github.com/pure-css/pure/blob/master/LICENSE
6
- */
7
- /*csslint box-model:false*/
8
- /*
9
- Box-model set to false because we're setting a height on select elements, which
10
- also have border and padding. This is done because some browsers don't render
11
- the padding. We explicitly set the box-model for select elements to border-box,
12
- so we can ignore the csslint warning.
13
- */
14
-
15
- .pure-form {
16
- input {
17
- &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"] {
18
- padding: 0.5em 0.6em;
19
- display: inline-block;
20
- border: 1px solid #ccc;
21
- -webkit-box-shadow: inset 0 1px 3px #ddd;
22
- box-shadow: inset 0 1px 3px #ddd;
23
- border-radius: 4px;
24
- vertical-align: middle;
25
- -webkit-box-sizing: border-box;
26
- box-sizing: border-box;
27
- }
28
- }
29
-
30
- select, textarea {
31
- padding: 0.5em 0.6em;
32
- display: inline-block;
33
- border: 1px solid #ccc;
34
- -webkit-box-shadow: inset 0 1px 3px #ddd;
35
- box-shadow: inset 0 1px 3px #ddd;
36
- border-radius: 4px;
37
- vertical-align: middle;
38
- -webkit-box-sizing: border-box;
39
- box-sizing: border-box;
40
- }
41
-
42
- input {
43
- &:not([type]) {
44
- padding: 0.5em 0.6em;
45
- display: inline-block;
46
- border: 1px solid #ccc;
47
- -webkit-box-shadow: inset 0 1px 3px #ddd;
48
- box-shadow: inset 0 1px 3px #ddd;
49
- border-radius: 4px;
50
- -webkit-box-sizing: border-box;
51
- box-sizing: border-box;
52
- }
53
-
54
- &[type="color"] {
55
- padding: 0.2em 0.5em;
56
- }
57
-
58
- &[type="text"]:focus, &[type="password"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus {
59
- outline: 0;
60
- border-color: #129FEA;
61
- }
62
- }
63
-
64
- select:focus, textarea:focus {
65
- outline: 0;
66
- border-color: #129FEA;
67
- }
68
-
69
- input {
70
- &:not([type]):focus {
71
- outline: 0;
72
- border-color: #129FEA;
73
- }
74
-
75
- &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus {
76
- outline: thin solid #129FEA;
77
- outline: 1px auto #129FEA;
78
- }
79
- }
80
-
81
- .pure-checkbox, .pure-radio {
82
- margin: 0.5em 0;
83
- display: block;
84
- }
85
-
86
- input {
87
- &[type="text"][disabled], &[type="password"][disabled], &[type="email"][disabled], &[type="url"][disabled], &[type="date"][disabled], &[type="month"][disabled], &[type="time"][disabled], &[type="datetime"][disabled], &[type="datetime-local"][disabled], &[type="week"][disabled], &[type="number"][disabled], &[type="search"][disabled], &[type="tel"][disabled], &[type="color"][disabled] {
88
- cursor: not-allowed;
89
- background-color: #eaeded;
90
- color: #cad2d3;
91
- }
92
- }
93
-
94
- select[disabled], textarea[disabled] {
95
- cursor: not-allowed;
96
- background-color: #eaeded;
97
- color: #cad2d3;
98
- }
99
-
100
- input {
101
- &:not([type])[disabled] {
102
- cursor: not-allowed;
103
- background-color: #eaeded;
104
- color: #cad2d3;
105
- }
106
-
107
- &[readonly] {
108
- background-color: #eee;
109
-
110
- /* menu hover bg color */
111
- color: #777;
112
-
113
- /* menu text color */
114
- border-color: #ccc;
115
- }
116
- }
117
-
118
- select[readonly], textarea[readonly] {
119
- background-color: #eee;
120
-
121
- /* menu hover bg color */
122
- color: #777;
123
-
124
- /* menu text color */
125
- border-color: #ccc;
126
- }
127
-
128
- input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
129
- color: #b94a48;
130
- border-color: #e9322d;
131
- }
132
-
133
- input {
134
- &[type="file"]:focus:invalid:focus, &[type="radio"]:focus:invalid:focus, &[type="checkbox"]:focus:invalid:focus {
135
- outline-color: #e9322d;
136
- }
137
- }
138
-
139
- select {
140
- /* Normalizes the height; padding is not sufficient. */
141
- height: 2.25em;
142
- border: 1px solid #ccc;
143
- background-color: white;
144
-
145
- &[multiple] {
146
- height: auto;
147
- }
148
- }
149
-
150
- label {
151
- margin: 0.5em 0 0.2em;
152
- }
153
-
154
- fieldset {
155
- margin: 0;
156
- padding: 0.35em 0 0.75em;
157
- border: 0;
158
- }
159
-
160
- legend {
161
- display: block;
162
- width: 100%;
163
- padding: 0.3em 0;
164
- margin-bottom: 0.3em;
165
- color: #333;
166
- border-bottom: 1px solid #e5e5e5;
167
- }
168
- }
169
-
170
- /*
171
- Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
172
- since IE8 won't execute CSS that contains a CSS3 selector.
173
- */
174
-
175
- /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
176
- /* May be able to remove this tweak as color inputs become more standardized across browsers. */
177
-
178
- /*
179
- Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
180
- since IE8 won't execute CSS that contains a CSS3 selector.
181
- */
182
-
183
- /*
184
- Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
185
- since IE8 won't execute CSS that contains a CSS3 selector.
186
- */
187
-
188
- .pure-form-stacked {
189
- input {
190
- &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="date"], &[type="month"], &[type="time"], &[type="datetime"], &[type="datetime-local"], &[type="week"], &[type="number"], &[type="search"], &[type="tel"], &[type="color"], &[type="file"] {
191
- display: block;
192
- margin: 0.25em 0;
193
- }
194
- }
195
-
196
- select, label, textarea, input:not([type]) {
197
- display: block;
198
- margin: 0.25em 0;
199
- }
200
- }
201
-
202
- /*
203
- Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
204
- since IE8 won't execute CSS that contains a CSS3 selector.
205
- */
206
-
207
- .pure-form-aligned {
208
- input, textarea, select {
209
- display: inline-block;
210
- vertical-align: middle;
211
- }
212
- }
213
-
214
- .pure-form-message-inline {
215
- display: inline-block;
216
- vertical-align: middle;
217
- }
218
-
219
- .pure-form-aligned {
220
- textarea {
221
- vertical-align: top;
222
- }
223
-
224
- .pure-control-group {
225
- margin-bottom: 0.5em;
226
-
227
- label {
228
- text-align: right;
229
- display: inline-block;
230
- vertical-align: middle;
231
- width: 10em;
232
- margin: 0 1em 0 0;
233
- }
234
- }
235
-
236
- .pure-controls {
237
- margin: 1.5em 0 0 11em;
238
- }
239
- }
240
-
241
- /* Aligned Forms */
242
-
243
- /* Rounded Inputs */
244
-
245
- .pure-form {
246
- input.pure-input-rounded, .pure-input-rounded {
247
- border-radius: 2em;
248
- padding: 0.5em 1em;
249
- }
250
-
251
- .pure-group {
252
- fieldset {
253
- margin-bottom: 10px;
254
- }
255
-
256
- input, textarea {
257
- display: block;
258
- padding: 10px;
259
- margin: 0 0 -1px;
260
- border-radius: 0;
261
- position: relative;
262
- top: -1px;
263
- }
264
-
265
- input:focus, textarea:focus {
266
- z-index: 3;
267
- }
268
-
269
- input:first-child, textarea:first-child {
270
- top: 1px;
271
- border-radius: 4px 4px 0 0;
272
- margin: 0;
273
- }
274
-
275
- input:first-child:last-child, textarea:first-child:last-child {
276
- top: 1px;
277
- border-radius: 4px;
278
- margin: 0;
279
- }
280
-
281
- input:last-child, textarea:last-child {
282
- top: -2px;
283
- border-radius: 0 0 4px 4px;
284
- margin: 0;
285
- }
286
-
287
- button {
288
- margin: 0.35em 0;
289
- }
290
- }
291
-
292
- .pure-input-1 {
293
- width: 100%;
294
- }
295
-
296
- .pure-input-3-4 {
297
- width: 75%;
298
- }
299
-
300
- .pure-input-2-3 {
301
- width: 66%;
302
- }
303
-
304
- .pure-input-1-2 {
305
- width: 50%;
306
- }
307
-
308
- .pure-input-1-3 {
309
- width: 33%;
310
- }
311
-
312
- .pure-input-1-4 {
313
- width: 25%;
314
- }
315
- }
316
-
317
- /* Grouped Inputs */
318
-
319
- /* Inline help for forms */
320
-
321
- .pure-form-message-inline {
322
- display: inline-block;
323
- padding-left: 0.3em;
324
- color: #666;
325
- vertical-align: middle;
326
- font-size: 0.875em;
327
- }
328
-
329
- /* Block help for forms */
330
-
331
- .pure-form-message {
332
- display: block;
333
- color: #666;
334
- font-size: 0.875em;
335
- }