purecss-sass 2.0.6 → 2.1.0

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
  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
- }