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 +4 -4
- data/CHANGELOG.md +6 -0
- data/lib/purecss/sass/version.rb +1 -1
- data/package.json +1 -1
- data/vendor/assets/stylesheets/purecss/_base.scss +1 -1
- data/vendor/assets/stylesheets/purecss/_buttons.scss +1 -1
- data/vendor/assets/stylesheets/purecss/_forms.scss +1 -1
- data/vendor/assets/stylesheets/purecss/_grids-responsive.scss +123 -1
- data/vendor/assets/stylesheets/purecss/_grids.scss +1 -1
- data/vendor/assets/stylesheets/purecss/_menus.scss +1 -1
- data/vendor/assets/stylesheets/purecss/_tables.scss +1 -1
- metadata +6 -7
- data/vendor/assets/stylesheets/purecss/_forms-nr.scss +0 -335
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c0802601ddf5a4754bfe7bb1e2edf0bcfb32b37d41ee532436f147406124cf64
|
|
4
|
+
data.tar.gz: f00830ccf7f1e59ac5bd7358ea5ab99677cfc454cf51dfbfb32c1f868b8af7d2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: eaad20e07cdae60bcb0a548171ce58a503a20aa6ec1881608b588ac32743a60ea1f5b6e770874d568538de3f85c8140a82e46584c03a21908182fd1f06437c69
|
|
7
|
+
data.tar.gz: e8b573ed4d703e2932e2d35ce4692f24a0caeecf8a61cb11812d5a4117258be83ab5a77c9893ae2670d0b8de69d9f58c9a496e7e7216384180b1809516a3717b
|
data/CHANGELOG.md
CHANGED
data/lib/purecss/sass/version.rb
CHANGED
data/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
Pure v2.0
|
|
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
|
+
}
|
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
|
|
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:
|
|
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.
|
|
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
|
-
}
|