purecss-sass 0.6.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 +7 -0
- data/.gitignore +10 -0
- data/.rspec +2 -0
- data/.travis.yml +11 -0
- data/CHANGELOG.md +5 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +21 -0
- data/README.md +90 -0
- data/Rakefile +4 -0
- data/bin/console +14 -0
- data/bin/setup +7 -0
- data/lib/purecss-sass.rb +55 -0
- data/lib/purecss/sass/engine.rb +11 -0
- data/lib/purecss/sass/version.rb +5 -0
- data/purecss-sass.gemspec +27 -0
- data/templates/project/manifest.rb +2 -0
- data/templates/project/styles.sass +1 -0
- data/vendor/assets/stylesheets/_purecss.scss +15 -0
- data/vendor/assets/stylesheets/purecss/_base.scss +485 -0
- data/vendor/assets/stylesheets/purecss/_buttons.scss +154 -0
- data/vendor/assets/stylesheets/purecss/_forms-nr.scss +344 -0
- data/vendor/assets/stylesheets/purecss/_forms.scss +393 -0
- data/vendor/assets/stylesheets/purecss/_grids-responsive.scss +609 -0
- data/vendor/assets/stylesheets/purecss/_grids.scss +238 -0
- data/vendor/assets/stylesheets/purecss/_menus.scss +190 -0
- data/vendor/assets/stylesheets/purecss/_tables.scss +91 -0
- metadata +126 -0
@@ -0,0 +1,238 @@
|
|
1
|
+
/*!
|
2
|
+
Pure v0.6.0
|
3
|
+
Copyright 2014 Yahoo! Inc. All rights reserved.
|
4
|
+
Licensed under the BSD License.
|
5
|
+
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
|
+
*/
|
7
|
+
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
|
8
|
+
|
9
|
+
.pure-g {
|
10
|
+
letter-spacing: -0.31em;
|
11
|
+
|
12
|
+
/* Webkit: collapse white-space between units */
|
13
|
+
*letter-spacing: normal;
|
14
|
+
|
15
|
+
/* reset IE < 8 */
|
16
|
+
*word-spacing: -0.43em;
|
17
|
+
|
18
|
+
/* IE < 8: collapse white-space between units */
|
19
|
+
text-rendering: optimizespeed;
|
20
|
+
|
21
|
+
/* Webkit: fixes text-rendering: optimizeLegibility */
|
22
|
+
|
23
|
+
/*
|
24
|
+
Sets the font stack to fonts known to work properly with the above letter
|
25
|
+
and word spacings. See: https://github.com/yahoo/pure/issues/41/
|
26
|
+
|
27
|
+
The following font stack makes Pure Grids work on all known environments.
|
28
|
+
|
29
|
+
* FreeSans: Ships with many Linux distros, including Ubuntu
|
30
|
+
|
31
|
+
* Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
|
32
|
+
Arial to get picked up by the browser, even though neither is available
|
33
|
+
in Chrome OS.
|
34
|
+
|
35
|
+
* Droid Sans: Ships with all versions of Android.
|
36
|
+
|
37
|
+
* Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
|
38
|
+
*/
|
39
|
+
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
|
40
|
+
|
41
|
+
/*
|
42
|
+
Use flexbox when possible to avoid `letter-spacing` side-effects.
|
43
|
+
|
44
|
+
NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
|
45
|
+
`-moz-` prefix version is omitted.
|
46
|
+
*/
|
47
|
+
|
48
|
+
display: -webkit-flex;
|
49
|
+
-webkit-flex-flow: row wrap;
|
50
|
+
|
51
|
+
/* IE10 uses display: flexbox */
|
52
|
+
display: -ms-flexbox;
|
53
|
+
-ms-flex-flow: row wrap;
|
54
|
+
|
55
|
+
/* Prevents distributing space between rows */
|
56
|
+
-ms-align-content: flex-start;
|
57
|
+
-webkit-align-content: flex-start;
|
58
|
+
align-content: flex-start;
|
59
|
+
}
|
60
|
+
|
61
|
+
/* Opera as of 12 on Windows needs word-spacing.
|
62
|
+
The ".opera-only" selector is used to prevent actual prefocus styling
|
63
|
+
and is not required in markup.
|
64
|
+
*/
|
65
|
+
|
66
|
+
.opera-only :-o-prefocus, .pure-g {
|
67
|
+
word-spacing: -0.43em;
|
68
|
+
}
|
69
|
+
|
70
|
+
.pure-u {
|
71
|
+
display: inline-block;
|
72
|
+
*display: inline;
|
73
|
+
|
74
|
+
/* IE < 8: fake inline-block */
|
75
|
+
zoom: 1;
|
76
|
+
letter-spacing: normal;
|
77
|
+
word-spacing: normal;
|
78
|
+
vertical-align: top;
|
79
|
+
text-rendering: auto;
|
80
|
+
}
|
81
|
+
|
82
|
+
/*
|
83
|
+
Resets the font family back to the OS/browser's default sans-serif font,
|
84
|
+
this the same font stack that Normalize.css sets for the `body`.
|
85
|
+
*/
|
86
|
+
|
87
|
+
.pure-g [class*="pure-u"] {
|
88
|
+
font-family: sans-serif;
|
89
|
+
}
|
90
|
+
|
91
|
+
.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
|
92
|
+
display: inline-block;
|
93
|
+
*display: inline;
|
94
|
+
zoom: 1;
|
95
|
+
letter-spacing: normal;
|
96
|
+
word-spacing: normal;
|
97
|
+
vertical-align: top;
|
98
|
+
text-rendering: auto;
|
99
|
+
}
|
100
|
+
|
101
|
+
.pure-u-1-24 {
|
102
|
+
width: 4.1667%;
|
103
|
+
*width: 4.1357%;
|
104
|
+
}
|
105
|
+
|
106
|
+
.pure-u-1-12, .pure-u-2-24 {
|
107
|
+
width: 8.3333%;
|
108
|
+
*width: 8.3023%;
|
109
|
+
}
|
110
|
+
|
111
|
+
.pure-u-1-8, .pure-u-3-24 {
|
112
|
+
width: 12.5000%;
|
113
|
+
*width: 12.4690%;
|
114
|
+
}
|
115
|
+
|
116
|
+
.pure-u-1-6, .pure-u-4-24 {
|
117
|
+
width: 16.6667%;
|
118
|
+
*width: 16.6357%;
|
119
|
+
}
|
120
|
+
|
121
|
+
.pure-u-1-5 {
|
122
|
+
width: 20%;
|
123
|
+
*width: 19.9690%;
|
124
|
+
}
|
125
|
+
|
126
|
+
.pure-u-5-24 {
|
127
|
+
width: 20.8333%;
|
128
|
+
*width: 20.8023%;
|
129
|
+
}
|
130
|
+
|
131
|
+
.pure-u-1-4, .pure-u-6-24 {
|
132
|
+
width: 25%;
|
133
|
+
*width: 24.9690%;
|
134
|
+
}
|
135
|
+
|
136
|
+
.pure-u-7-24 {
|
137
|
+
width: 29.1667%;
|
138
|
+
*width: 29.1357%;
|
139
|
+
}
|
140
|
+
|
141
|
+
.pure-u-1-3, .pure-u-8-24 {
|
142
|
+
width: 33.3333%;
|
143
|
+
*width: 33.3023%;
|
144
|
+
}
|
145
|
+
|
146
|
+
.pure-u-3-8, .pure-u-9-24 {
|
147
|
+
width: 37.5000%;
|
148
|
+
*width: 37.4690%;
|
149
|
+
}
|
150
|
+
|
151
|
+
.pure-u-2-5 {
|
152
|
+
width: 40%;
|
153
|
+
*width: 39.9690%;
|
154
|
+
}
|
155
|
+
|
156
|
+
.pure-u-5-12, .pure-u-10-24 {
|
157
|
+
width: 41.6667%;
|
158
|
+
*width: 41.6357%;
|
159
|
+
}
|
160
|
+
|
161
|
+
.pure-u-11-24 {
|
162
|
+
width: 45.8333%;
|
163
|
+
*width: 45.8023%;
|
164
|
+
}
|
165
|
+
|
166
|
+
.pure-u-1-2, .pure-u-12-24 {
|
167
|
+
width: 50%;
|
168
|
+
*width: 49.9690%;
|
169
|
+
}
|
170
|
+
|
171
|
+
.pure-u-13-24 {
|
172
|
+
width: 54.1667%;
|
173
|
+
*width: 54.1357%;
|
174
|
+
}
|
175
|
+
|
176
|
+
.pure-u-7-12, .pure-u-14-24 {
|
177
|
+
width: 58.3333%;
|
178
|
+
*width: 58.3023%;
|
179
|
+
}
|
180
|
+
|
181
|
+
.pure-u-3-5 {
|
182
|
+
width: 60%;
|
183
|
+
*width: 59.9690%;
|
184
|
+
}
|
185
|
+
|
186
|
+
.pure-u-5-8, .pure-u-15-24 {
|
187
|
+
width: 62.5000%;
|
188
|
+
*width: 62.4690%;
|
189
|
+
}
|
190
|
+
|
191
|
+
.pure-u-2-3, .pure-u-16-24 {
|
192
|
+
width: 66.6667%;
|
193
|
+
*width: 66.6357%;
|
194
|
+
}
|
195
|
+
|
196
|
+
.pure-u-17-24 {
|
197
|
+
width: 70.8333%;
|
198
|
+
*width: 70.8023%;
|
199
|
+
}
|
200
|
+
|
201
|
+
.pure-u-3-4, .pure-u-18-24 {
|
202
|
+
width: 75%;
|
203
|
+
*width: 74.9690%;
|
204
|
+
}
|
205
|
+
|
206
|
+
.pure-u-19-24 {
|
207
|
+
width: 79.1667%;
|
208
|
+
*width: 79.1357%;
|
209
|
+
}
|
210
|
+
|
211
|
+
.pure-u-4-5 {
|
212
|
+
width: 80%;
|
213
|
+
*width: 79.9690%;
|
214
|
+
}
|
215
|
+
|
216
|
+
.pure-u-5-6, .pure-u-20-24 {
|
217
|
+
width: 83.3333%;
|
218
|
+
*width: 83.3023%;
|
219
|
+
}
|
220
|
+
|
221
|
+
.pure-u-7-8, .pure-u-21-24 {
|
222
|
+
width: 87.5000%;
|
223
|
+
*width: 87.4690%;
|
224
|
+
}
|
225
|
+
|
226
|
+
.pure-u-11-12, .pure-u-22-24 {
|
227
|
+
width: 91.6667%;
|
228
|
+
*width: 91.6357%;
|
229
|
+
}
|
230
|
+
|
231
|
+
.pure-u-23-24 {
|
232
|
+
width: 95.8333%;
|
233
|
+
*width: 95.8023%;
|
234
|
+
}
|
235
|
+
|
236
|
+
.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
|
237
|
+
width: 100%;
|
238
|
+
}
|
@@ -0,0 +1,190 @@
|
|
1
|
+
/*!
|
2
|
+
Pure v0.6.0
|
3
|
+
Copyright 2014 Yahoo! Inc. All rights reserved.
|
4
|
+
Licensed under the BSD License.
|
5
|
+
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
|
+
*/
|
7
|
+
/*csslint adjoining-classes: false, box-model:false*/
|
8
|
+
|
9
|
+
.pure-menu {
|
10
|
+
-webkit-box-sizing: border-box;
|
11
|
+
-moz-box-sizing: border-box;
|
12
|
+
box-sizing: border-box;
|
13
|
+
}
|
14
|
+
|
15
|
+
.pure-menu-fixed {
|
16
|
+
position: fixed;
|
17
|
+
left: 0;
|
18
|
+
top: 0;
|
19
|
+
z-index: 3;
|
20
|
+
}
|
21
|
+
|
22
|
+
.pure-menu-list, .pure-menu-item {
|
23
|
+
position: relative;
|
24
|
+
}
|
25
|
+
|
26
|
+
.pure-menu-list {
|
27
|
+
list-style: none;
|
28
|
+
margin: 0;
|
29
|
+
padding: 0;
|
30
|
+
}
|
31
|
+
|
32
|
+
.pure-menu-item {
|
33
|
+
padding: 0;
|
34
|
+
margin: 0;
|
35
|
+
height: 100%;
|
36
|
+
}
|
37
|
+
|
38
|
+
.pure-menu-link, .pure-menu-heading {
|
39
|
+
display: block;
|
40
|
+
text-decoration: none;
|
41
|
+
white-space: nowrap;
|
42
|
+
}
|
43
|
+
|
44
|
+
/* HORIZONTAL MENU */
|
45
|
+
|
46
|
+
.pure-menu-horizontal {
|
47
|
+
width: 100%;
|
48
|
+
white-space: nowrap;
|
49
|
+
|
50
|
+
.pure-menu-list {
|
51
|
+
display: inline-block;
|
52
|
+
}
|
53
|
+
|
54
|
+
.pure-menu-item, .pure-menu-heading, .pure-menu-separator {
|
55
|
+
display: inline-block;
|
56
|
+
*display: inline;
|
57
|
+
zoom: 1;
|
58
|
+
vertical-align: middle;
|
59
|
+
}
|
60
|
+
}
|
61
|
+
|
62
|
+
/* Initial menus should be inline-block so that they are horizontal */
|
63
|
+
|
64
|
+
/* Submenus should still be display: block; */
|
65
|
+
|
66
|
+
.pure-menu-item .pure-menu-item {
|
67
|
+
display: block;
|
68
|
+
}
|
69
|
+
|
70
|
+
.pure-menu-children {
|
71
|
+
display: none;
|
72
|
+
position: absolute;
|
73
|
+
left: 100%;
|
74
|
+
top: 0;
|
75
|
+
margin: 0;
|
76
|
+
padding: 0;
|
77
|
+
z-index: 3;
|
78
|
+
}
|
79
|
+
|
80
|
+
.pure-menu-horizontal .pure-menu-children {
|
81
|
+
left: 0;
|
82
|
+
top: auto;
|
83
|
+
width: inherit;
|
84
|
+
}
|
85
|
+
|
86
|
+
.pure-menu-allow-hover:hover > .pure-menu-children, .pure-menu-active > .pure-menu-children {
|
87
|
+
display: block;
|
88
|
+
position: absolute;
|
89
|
+
}
|
90
|
+
|
91
|
+
/* Vertical Menus - show the dropdown arrow */
|
92
|
+
|
93
|
+
.pure-menu-has-children > .pure-menu-link:after {
|
94
|
+
padding-left: 0.5em;
|
95
|
+
content: "\25B8";
|
96
|
+
font-size: small;
|
97
|
+
}
|
98
|
+
|
99
|
+
/* Horizontal Menus - show the dropdown arrow */
|
100
|
+
|
101
|
+
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
|
102
|
+
content: "\25BE";
|
103
|
+
}
|
104
|
+
|
105
|
+
/* scrollable menus */
|
106
|
+
|
107
|
+
.pure-menu-scrollable {
|
108
|
+
overflow-y: scroll;
|
109
|
+
overflow-x: hidden;
|
110
|
+
|
111
|
+
.pure-menu-list {
|
112
|
+
display: block;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
|
116
|
+
.pure-menu-horizontal.pure-menu-scrollable {
|
117
|
+
.pure-menu-list {
|
118
|
+
display: inline-block;
|
119
|
+
}
|
120
|
+
|
121
|
+
white-space: nowrap;
|
122
|
+
overflow-y: hidden;
|
123
|
+
overflow-x: auto;
|
124
|
+
-ms-overflow-style: none;
|
125
|
+
-webkit-overflow-scrolling: touch;
|
126
|
+
|
127
|
+
/* a little extra padding for this style to allow for scrollbars */
|
128
|
+
padding: .5em 0;
|
129
|
+
|
130
|
+
&::-webkit-scrollbar {
|
131
|
+
display: none;
|
132
|
+
}
|
133
|
+
}
|
134
|
+
|
135
|
+
/* misc default styling */
|
136
|
+
|
137
|
+
.pure-menu-separator {
|
138
|
+
background-color: #ccc;
|
139
|
+
height: 1px;
|
140
|
+
margin: .3em 0;
|
141
|
+
}
|
142
|
+
|
143
|
+
.pure-menu-horizontal .pure-menu-separator {
|
144
|
+
width: 1px;
|
145
|
+
height: 1.3em;
|
146
|
+
margin: 0 0.3em;
|
147
|
+
}
|
148
|
+
|
149
|
+
.pure-menu-heading {
|
150
|
+
text-transform: uppercase;
|
151
|
+
color: #565d64;
|
152
|
+
}
|
153
|
+
|
154
|
+
.pure-menu-link {
|
155
|
+
color: #777;
|
156
|
+
}
|
157
|
+
|
158
|
+
.pure-menu-children {
|
159
|
+
background-color: #fff;
|
160
|
+
}
|
161
|
+
|
162
|
+
.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
|
163
|
+
padding: .5em 1em;
|
164
|
+
}
|
165
|
+
|
166
|
+
.pure-menu-disabled {
|
167
|
+
opacity: .5;
|
168
|
+
|
169
|
+
.pure-menu-link:hover {
|
170
|
+
background-color: transparent;
|
171
|
+
}
|
172
|
+
}
|
173
|
+
|
174
|
+
.pure-menu-active > .pure-menu-link {
|
175
|
+
background-color: #eee;
|
176
|
+
}
|
177
|
+
|
178
|
+
.pure-menu-link {
|
179
|
+
&:hover, &:focus {
|
180
|
+
background-color: #eee;
|
181
|
+
}
|
182
|
+
}
|
183
|
+
|
184
|
+
.pure-menu-selected .pure-menu-link {
|
185
|
+
color: #000;
|
186
|
+
|
187
|
+
&:visited {
|
188
|
+
color: #000;
|
189
|
+
}
|
190
|
+
}
|
@@ -0,0 +1,91 @@
|
|
1
|
+
/*!
|
2
|
+
Pure v0.6.0
|
3
|
+
Copyright 2014 Yahoo! Inc. All rights reserved.
|
4
|
+
Licensed under the BSD License.
|
5
|
+
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
6
|
+
*/
|
7
|
+
|
8
|
+
.pure-table {
|
9
|
+
/* Remove spacing between table cells (from Normalize.css) */
|
10
|
+
border-collapse: collapse;
|
11
|
+
border-spacing: 0;
|
12
|
+
empty-cells: show;
|
13
|
+
border: 1px solid #cbcbcb;
|
14
|
+
|
15
|
+
caption {
|
16
|
+
color: #000;
|
17
|
+
font: italic 85%/1 arial, sans-serif;
|
18
|
+
padding: 1em 0;
|
19
|
+
text-align: center;
|
20
|
+
}
|
21
|
+
|
22
|
+
td, th {
|
23
|
+
border-left: 1px solid #cbcbcb;
|
24
|
+
|
25
|
+
/* inner column border */
|
26
|
+
border-width: 0 0 0 1px;
|
27
|
+
font-size: inherit;
|
28
|
+
margin: 0;
|
29
|
+
overflow: visible;
|
30
|
+
|
31
|
+
/*to make ths where the title is really long work*/
|
32
|
+
padding: 0.5em 1em;
|
33
|
+
|
34
|
+
/* cell padding */
|
35
|
+
}
|
36
|
+
|
37
|
+
td:first-child, th:first-child {
|
38
|
+
border-left-width: 0;
|
39
|
+
}
|
40
|
+
|
41
|
+
thead {
|
42
|
+
background-color: #e0e0e0;
|
43
|
+
color: #000;
|
44
|
+
text-align: left;
|
45
|
+
vertical-align: bottom;
|
46
|
+
}
|
47
|
+
|
48
|
+
td {
|
49
|
+
background-color: transparent;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
/* Consider removing this next declaration block, as it causes problems when
|
54
|
+
there's a rowspan on the first cell. Case added to the tests. issue#432 */
|
55
|
+
|
56
|
+
/*
|
57
|
+
striping:
|
58
|
+
even - #fff (white)
|
59
|
+
odd - #f2f2f2 (light gray)
|
60
|
+
*/
|
61
|
+
|
62
|
+
.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td {
|
63
|
+
background-color: #f2f2f2;
|
64
|
+
}
|
65
|
+
|
66
|
+
/* nth-child selector for modern browsers */
|
67
|
+
|
68
|
+
/* BORDERED TABLES */
|
69
|
+
|
70
|
+
.pure-table-bordered {
|
71
|
+
td {
|
72
|
+
border-bottom: 1px solid #cbcbcb;
|
73
|
+
}
|
74
|
+
|
75
|
+
tbody > tr:last-child > td {
|
76
|
+
border-bottom-width: 0;
|
77
|
+
}
|
78
|
+
}
|
79
|
+
|
80
|
+
/* HORIZONTAL BORDERED TABLES */
|
81
|
+
|
82
|
+
.pure-table-horizontal {
|
83
|
+
td, th {
|
84
|
+
border-width: 0 0 1px 0;
|
85
|
+
border-bottom: 1px solid #cbcbcb;
|
86
|
+
}
|
87
|
+
|
88
|
+
tbody > tr:last-child > td {
|
89
|
+
border-bottom-width: 0;
|
90
|
+
}
|
91
|
+
}
|