purecss-sass 0.6.0

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