Skip to content

Commit a2da436

Browse files
author
mrmrs
committed
Update the source code printed out in the docs.
1 parent 125afbd commit a2da436

File tree

4 files changed

+40
-6
lines changed

4 files changed

+40
-6
lines changed

docs/layout/box-sizing/index.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -204,8 +204,11 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-box-sizing</h4>
204204
header,
205205
form,
206206
fieldset,
207+
legend,
207208
pre,
208209
code,
210+
a,
211+
h1,h2,h3,h4,h5,h6,
209212
p,
210213
ul,
211214
ol,
@@ -214,6 +217,10 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-box-sizing</h4>
214217
dt,
215218
dd,
216219
textarea,
220+
table,
221+
td,
222+
th,
223+
tr,
217224
input[type="email"],
218225
input[type="number"],
219226
input[type="password"],

docs/layout/widths/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -313,7 +313,6 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-widths</h4>
313313
-100 = literal value 100%
314314

315315
-third = 100% / 3 (Not supported in opera mini or IE8)
316-
-two-thirds = 100% / 1.5 (Not supported in opera mni or IE8)
317316
-auto = string value auto
318317

319318

docs/themes/border-radius/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -260,8 +260,8 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-border-radius</h4>
260260
.br-100-l { border-radius: 100%; }
261261
.br-pill-l { border-radius: 9999px; }
262262
.br--bottom-l {
263-
border-radius-top-left: 0;
264-
border-radius-top-right: 0;
263+
border-top-left-radius: 0;
264+
border-top-right-radius: 0;
265265
}
266266
.br--top-l {
267267
border-bottom-left-radius: 0;

docs/themes/hovers/index.html

Lines changed: 31 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -192,6 +192,7 @@ <h4 class="mt0">Source code <kbd class="pl4 fw1">src/_hovers.css</kbd></h4>
192192
Docs: http://tachyons.io/docs/themes/hovers/
193193

194194
- Dim
195+
- Glow
195196
- Hide Child
196197
- Underline text
197198
- Grow
@@ -218,6 +219,20 @@ <h4 class="mt0">Source code <kbd class="pl4 fw1">src/_hovers.css</kbd></h4>
218219
opacity: .8; transition: opacity .15s ease-out;
219220
}
220221

222+
/*
223+
224+
Animate opacity to 100% on hover by adding the glow class.
225+
226+
*/
227+
.glow {
228+
transition: opacity .15s ease-in;
229+
}
230+
.glow:hover,
231+
.glow:focus {
232+
opacity: 1;
233+
transition: opacity .15s ease-in;
234+
}
235+
221236
/*
222237

223238
Hide child & reveal on hover:
@@ -297,10 +312,23 @@ <h4 class="mt0">Source code <kbd class="pl4 fw1">src/_hovers.css</kbd></h4>
297312
http://tobiasahlin.com/blog/how-to-animate-box-shadow/
298313
*/
299314

315+
.shadow-hover {
316+
cursor: pointer;
317+
position: relative;
318+
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
319+
}
320+
300321
.shadow-hover::after {
301-
box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, .2 );
322+
content: '';
323+
box-shadow: 0px 0px 16px 2px rgba( 0, 0, 0, .2 );
302324
opacity: 0;
303-
transition: opacity .25s ease-in-out;
325+
position: absolute;
326+
top: 0;
327+
left: 0;
328+
width: 100%;
329+
height: 100%;
330+
z-index: -1;
331+
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
304332
}
305333

306334
.shadow-hover:hover::after,
@@ -309,7 +337,7 @@ <h4 class="mt0">Source code <kbd class="pl4 fw1">src/_hovers.css</kbd></h4>
309337
}
310338

311339
/* Combine with classes in skins and skins-pseudo for
312-
* thousands of different transition possibilities. */
340+
* many different transition possibilities. */
313341

314342
.bg-animate,
315343
.bg-animate:hover,

0 commit comments

Comments
 (0)