80
80
</ a >
81
81
< a title ="Style Guide " href ="#style "
82
82
class ="pv1-ns f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib ">
83
- Style Guide
83
+ Style Guide
84
84
</ a >
85
85
< a title ="Testimonials " href ="#testimonials "
86
86
class ="pv1-ns f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib ">
@@ -116,8 +116,8 @@ <h1 class="f4 fw6 f1-ns lh-title measure mt0">
116
116
</ p >
117
117
</ div >
118
118
< div class ="fl-l w-50-l tl tc-ns pt3 pt4-m pt6-l ">
119
- < a
120
- class ="f6 f5-ns fw6 dib ba b--black-20 bg-blue white ph3 ph4-ns pv2 pv3-ns br2 grow no-underline "
119
+ < a
120
+ class ="f6 f5-ns fw6 dib ba b--black-20 bg-blue white ph3 ph4-ns pv2 pv3-ns br2 grow no-underline "
121
121
href ="https://raw.githubusercontent.com/tachyons-css/tachyons/master/css/tachyons.min.css ">
122
122
Download < code class ="f6 fw4 di "> v4.6.1</ code >
123
123
</ a >
@@ -378,9 +378,9 @@ <h2 class="f4 f2-ns fw6 mb2">
378
378
< section class ="tc pv5 bb bt b--black-10 bg-washed-blue ">
379
379
< div class ="ph3 ph5-ns ">
380
380
< h3 class ="f5 fw6 ttu tracked black-70 mb4 "> Start using Tachyons</ h3 >
381
- < a class ="no-underline grow pa3 br2 bg-blue white mr3 mb3 dib " href ="/docs/ "> Read the Docs</ a >
382
- < a class ="no-underline grow pa3 br2 bg-blue white mr3 mb3 dib " href ="/components/ "> View Component Library</ a >
383
- < a class ="no-underline grow pa3 br2 bg-blue white mr3 dib " href ="http://unpkg.com/tachyons/css/tachyons.min.css "> Download the Code</ a >
381
+ < a class ="no-underline grow pa3 br2 bg-blue white mr3 mb3 dib " href ="/docs/ "> Read the Docs</ a >
382
+ < a class ="no-underline grow pa3 br2 bg-blue white mr3 mb3 dib " href ="/components/ "> View Component Library</ a >
383
+ < a class ="no-underline grow pa3 br2 bg-blue white mr3 dib " href ="http://unpkg.com/tachyons/css/tachyons.min.css "> Download the Code</ a >
384
384
</ div >
385
385
</ section >
386
386
< section >
@@ -417,12 +417,12 @@ <h6 class="f6 lh-title">Level 6 Heading</h6>
417
417
< h3 class ="f6 ttu fw6 mt0 mb3 bb pb2 "> Type Styles</ h3 >
418
418
< div class ="dt-ns dt--fixed-ns ">
419
419
< div class ="dtc v-mid ">
420
- < p class ="i "> Italicize: to write or print (text) in italics.</ p >
421
- < p class ="b "> Some text that needs to be super bold.</ p >
422
- < p class ="underline "> This text wants to be underlined.</ p >
423
- < p class ="strike "> This text should be crossed out.</ p >
424
- < p class ="ttc "> This text should be capitalized.</ p >
425
- < p class ="ttu "> This text should be uppercase.</ p >
420
+ < p class ="i "> Italicize: to write or print (text) in italics.</ p >
421
+ < p class ="b "> Some text that needs to be super bold.</ p >
422
+ < p class ="underline "> This text wants to be underlined.</ p >
423
+ < p class ="strike "> This text should be crossed out.</ p >
424
+ < p class ="ttc "> This text should be capitalized.</ p >
425
+ < p class ="ttu "> This text should be uppercase.</ p >
426
426
</ div >
427
427
< div class ="dtc-ns v-mid ">
428
428
< pre class ="ba b--black-05 pa2 overflow-auto ">
@@ -443,37 +443,37 @@ <h3 class="f6 ttu fw6 mt0 mb3 bb pb2">Typefaces</h3>
443
443
< div class ="dt-ns dt--fixed-ns ">
444
444
< div class ="dtc v-mid ">
445
445
< h4 class ="f6 mb0 mt3 "> system serif</ h4 >
446
- < p class ="serif "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
446
+ < p class ="serif "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
447
447
< h4 class ="f6 mb0 mt3 "> Athelas</ h4 >
448
- < p class ="athelas "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
449
- < p class ="athelas ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
448
+ < p class ="athelas "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
449
+ < p class ="athelas ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
450
450
< h4 class ="f6 mb0 mt3 "> georgia</ h4 >
451
- < p class ="georgia "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
452
- < p class ="georgia ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
451
+ < p class ="georgia "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
452
+ < p class ="georgia ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
453
453
< h4 class ="f6 mb0 mt3 "> garamond</ h4 >
454
- < p class ="garamond "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
455
- < p class ="garamond ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
454
+ < p class ="garamond "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
455
+ < p class ="garamond ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
456
456
< h4 class ="f6 mb0 mt3 "> baskerville</ h4 >
457
- < p class ="baskerville "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
458
- < p class ="baskerville ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
457
+ < p class ="baskerville "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
458
+ < p class ="baskerville ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
459
459
< h4 class ="f6 mb0 mt3 "> calisto</ h4 >
460
- < p class ="calisto "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
461
- < p class ="calisto ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
460
+ < p class ="calisto "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
461
+ < p class ="calisto ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
462
462
< h4 class ="f6 mb0 mt3 "> system sans-serif</ h4 >
463
- < p class ="sans-serif "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
464
- < p class ="sans-serif ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
463
+ < p class ="sans-serif "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
464
+ < p class ="sans-serif ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
465
465
< h4 class ="f6 mb0 mt3 "> Helvetica</ h4 >
466
- < p class ="helvetica "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
467
- < p class ="helvetica ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
466
+ < p class ="helvetica "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
467
+ < p class ="helvetica ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
468
468
< h4 class ="f6 mb0 mt3 "> Avenir Next</ h4 >
469
- < p class ="avenir "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
470
- < p class ="avenir ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
469
+ < p class ="avenir "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
470
+ < p class ="avenir ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
471
471
< h4 class ="f6 mb0 mt3 "> Code</ h4 >
472
- < p class ="code "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
473
- < p class ="code ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
472
+ < p class ="code "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
473
+ < p class ="code ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
474
474
< h4 class ="f6 mb0 mt3 "> Courier</ h4 >
475
- < p class ="code "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
476
- < p class ="code ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
475
+ < p class ="code "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
476
+ < p class ="code ttu "> a b c d e f g h i j k l m n o p q r s t u v w x y z</ p >
477
477
</ div >
478
478
< div class ="dtc-ns v-mid ">
479
479
< pre class ="ba b--black-05 pa2 overflow-auto ">
@@ -493,7 +493,7 @@ <h4 class="f6 mb0 mt3">Courier</h4>
493
493
.helvetica { font-family: 'helvetica neue', helvetica, sans-serif; }
494
494
.avenir { font-family: 'avenir next', avenir, sans-serif; }
495
495
.athelas { font-family: athelas, georgia, serif; }
496
- .georgia { font-family: georgia, serif; }
496
+ .georgia { font-family: georgia, serif; }
497
497
.times { font-family: times, serif; }
498
498
.bodoni { font-family: "Bodoni MT", serif; }
499
499
.calisto { font-family: "Calisto MT", serif; }
@@ -516,23 +516,23 @@ <h4 class="mt4 fw6 f6">Wide Measure</h4>
516
516
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
517
517
duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
518
518
sanctus est Lorem ipsum dolor sit amet.
519
- </ p >
519
+ </ p >
520
520
< h4 class ="mt4 fw6 f6 "> Measure</ h4 >
521
521
< p class ="measure lh-copy ">
522
522
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
523
523
diam nonumy eirmod tempor invidunt ut labore et dolore magna
524
524
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
525
525
duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
526
526
sanctus est Lorem ipsum dolor sit amet.
527
- </ p >
527
+ </ p >
528
528
< h4 class ="mt4 fw6 f6 "> Narrow Measure</ h4 >
529
529
< p class ="measure-narrow lh-copy ">
530
530
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
531
531
diam nonumy eirmod tempor invidunt ut labore et dolore magna
532
532
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
533
533
duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
534
534
sanctus est Lorem ipsum dolor sit amet.
535
- </ p >
535
+ </ p >
536
536
</ div >
537
537
< div class ="dtc-ns v-mid ">
538
538
< pre class ="ba b--black-05 pa2 overflow-auto ">
@@ -552,7 +552,7 @@ <h4 class="mt4 fw6 f6">Narrow Measure</h4>
552
552
< div class ="mw9 center ">
553
553
< h3 class ="f6 ttu fw6 mt0 bb pb2 "> Grids</ h3 >
554
554
< p class ="lh-copy measure ">
555
- Floats, widths, and padding can be combined to build a
555
+ Floats, widths, and padding can be combined to build a
556
556
wide variety of grids.
557
557
</ p >
558
558
</ div >
@@ -983,7 +983,7 @@ <h3 class="f6 ttu fw6 mt0 mb3 bb pb2">Border Radii</h3>
983
983
< div class ="dtc v-mid "> < div class ="ba dib mb4 br-100 h3 w3 pa4 tc "> </ div > </ div >
984
984
< div class ="dtc v-mid "> < div class ="ba dib mb4 ph4 pv3 br-pill "> pill</ div > </ div >
985
985
</ div >
986
-
986
+
987
987
< div class ="ba br--bottom dib ph4 pv3 mb4 br3 "> br--bottom</ div >
988
988
< div class ="ba br--top dib ph4 pv3 mb4 br3 "> br--top</ div > < br >
989
989
< div class ="ba br--left dib ph4 pv3 mb4 br3 "> br--left</ div >
0 commit comments