You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<preclass="pa3 ba br2 b--black-10 h5" id="css">@import './_box-sizing';
137
-
@import './_images';
138
-
@import './_background-size';
139
-
@import './_background-position';
140
-
@import './_outlines';
141
-
@import './_borders';
142
-
@import './_border-colors';
143
-
@import './_border-radius';
144
-
@import './_border-style';
145
-
@import './_border-widths';
146
-
@import './_box-shadow';
147
-
@import './_code';
148
-
@import './_coordinates';
149
-
@import './_clears';
150
-
@import './_display';
151
-
@import './_flexbox';
152
-
@import './_floats';
153
-
@import './_font-family';
154
-
@import './_font-style';
155
-
@import './_font-weight';
156
-
@import './_forms';
157
-
@import './_heights';
158
-
@import './_letter-spacing';
159
-
@import './_line-height';
160
-
@import './_links';
161
-
@import './_lists';
162
-
@import './_max-widths';
163
-
@import './_widths';
164
-
@import './_overflow';
165
-
@import './_position';
166
-
@import './_opacity';
167
-
@import './_skins';
168
-
@import './_skins-pseudo';
169
-
@import './_spacing';
170
-
@import './_tables';
171
-
@import './_text-decoration';
172
-
@import './_text-align';
173
-
@import './_text-transform';
174
-
@import './_type-scale';
175
-
@import './_typography';
176
-
@import './_utilities';
177
-
@import './_visibility';
178
-
@import './_white-space';
179
-
@import './_vertical-align';
180
-
@import './_hovers';
181
-
@import './_z-index';
182
-
@import './_styles';
183
-
@import './_colors';
184
-
@import './_media-queries';
185
-
@import './_debug-children';
186
-
@import './_debug-grid';
136
+
<preclass="pa3 ba br2 b--black-10 h5" id="css">.cover {
137
+
background-size: cover !important;
138
+
}
139
+
140
+
.dt {
141
+
display: table;
142
+
}
143
+
144
+
.dtc {
145
+
display: table-cell;
146
+
}
147
+
148
+
.athelas {
149
+
font-family: athelas, georgia, serif;
150
+
}
151
+
152
+
.i {
153
+
font-style: italic;
154
+
}
155
+
156
+
.fs-normal {
157
+
font-style: normal;
158
+
}
159
+
160
+
.fw1 {
161
+
font-weight: 100;
162
+
}
163
+
164
+
.vh-100 {
165
+
height: 100vh;
166
+
}
167
+
168
+
.tracked {
169
+
letter-spacing: .1em;
170
+
}
171
+
172
+
.lh-title {
173
+
line-height: 1.25;
174
+
}
175
+
176
+
.lh-copy {
177
+
line-height: 1.5;
178
+
}
179
+
180
+
.w-100 {
181
+
width: 100%;
182
+
}
183
+
184
+
.white-70 {
185
+
color: rgba(255, 255, 255, .7);
186
+
}
187
+
188
+
.white-60 {
189
+
color: rgba(255, 255, 255, .6);
190
+
}
191
+
192
+
.white {
193
+
color: #fff;
194
+
}
195
+
196
+
.bg-dark-gray {
197
+
background-color: #333;
198
+
}
199
+
200
+
.pv5 {
201
+
padding-top: 4rem;
202
+
padding-bottom: 4rem;
203
+
}
204
+
205
+
.ph0 {
206
+
padding-left: 0;
207
+
padding-right: 0;
208
+
}
209
+
210
+
.ph2 {
211
+
padding-left: .5rem;
212
+
padding-right: .5rem;
213
+
}
214
+
215
+
.mb2 {
216
+
margin-bottom: .5rem;
217
+
}
218
+
219
+
.mh0 {
220
+
margin-left: 0;
221
+
margin-right: 0;
222
+
}
223
+
224
+
.tc {
225
+
text-align: center;
226
+
}
227
+
228
+
.ttu {
229
+
text-transform: uppercase;
230
+
}
231
+
232
+
.f1 {
233
+
font-size: 3rem;
234
+
}
235
+
236
+
.f4 {
237
+
font-size: 1.25rem;
238
+
}
239
+
240
+
.f5 {
241
+
font-size: 1rem;
242
+
}
243
+
244
+
.f6 {
245
+
font-size: .875rem;
246
+
}
247
+
248
+
.measure {
249
+
max-width: 30em;
250
+
}
251
+
252
+
.measure-wide {
253
+
max-width: 34em;
254
+
}
255
+
256
+
.center {
257
+
margin-right: auto;
258
+
margin-left: auto;
259
+
}
260
+
261
+
.v-mid {
262
+
vertical-align: middle;
263
+
}
264
+
265
+
@media screen and (min-width: 60em) {
266
+
.f-headline-l {
267
+
font-size: 6rem;
268
+
}
269
+
}
187
270
188
271
</pre>
189
272
</div>
@@ -193,22 +276,56 @@ <h2 class="f5">css</h2>
193
276
<h2class="f5 mb3 mt4">Css stats for this component</h2>
194
277
<dlclass="dib mr4 mt0">
195
278
<dtclass="db f6">Gzipped Size</dt>
196
-
<ddclass="ml0 b f3 f2-ns">343<smallclass="f6">B</small>
279
+
<ddclass="ml0 b f3 f2-ns">522<smallclass="f6">B</small>
197
280
</dd>
198
281
</dl>
199
282
<dlclass="dib mr4 mt0">
200
283
<dtclass="db f6">Selectors</dt>
201
-
<ddclass="ml0 b f3 f2-ns">0</dd>
284
+
<ddclass="ml0 b f3 f2-ns">32</dd>
202
285
</dl>
203
286
<dlclass="dib mt0">
204
287
<dtclass="db f6">Declarations</dt>
205
-
<ddclass="ml0 b f3 f2-ns">0</dd>
288
+
<ddclass="ml0 b f3 f2-ns">37</dd>
206
289
</dl>
207
290
</div>
208
291
<divclass="fl w-100">
209
292
<h2class="f5 mt4">Modules referenced</h2>
210
293
<ulclass="list pl0 cf lh-copy mw7">
211
294
295
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-background-size">tachyons-background-size</a></li>
296
+
297
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-display">tachyons-display</a></li>
298
+
299
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-font-family">tachyons-font-family</a></li>
300
+
301
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-font-style">tachyons-font-style</a></li>
302
+
303
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-font-weight">tachyons-font-weight</a></li>
304
+
305
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-heights">tachyons-heights</a></li>
306
+
307
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-letter-spacing">tachyons-letter-spacing</a></li>
308
+
309
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-line-height">tachyons-line-height</a></li>
310
+
311
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-widths">tachyons-widths</a></li>
312
+
313
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-skins">tachyons-skins</a></li>
314
+
315
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-spacing">tachyons-spacing</a></li>
316
+
317
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-text-align">tachyons-text-align</a></li>
318
+
319
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-text-transform">tachyons-text-transform</a></li>
320
+
321
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-type-scale">tachyons-type-scale</a></li>
322
+
323
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-typography">tachyons-typography</a></li>
324
+
325
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-utilities">tachyons-utilities</a></li>
326
+
327
+
<liclass="fl w-100 w-50-m w-33-ns"><aclass="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-vertical-align">tachyons-vertical-align</a></li>
0 commit comments