purecss-sass 0.6.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
}
|