Skip to content

Commit fde92f7

Browse files
author
mrmrs
committed
Update the site
1 parent 6004813 commit fde92f7

28 files changed

+405
-216
lines changed

‎css/tachyons.css

Lines changed: 119 additions & 93 deletions
Large diffs are not rendered by default.

‎css/tachyons.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/layout/floats/index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -166,25 +166,25 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
166166

167167

168168

169-
.fl { float: left; display: inline; }
170-
.fr { float: right; display: inline; }
169+
.fl { float: left; _display: inline; }
170+
.fr { float: right; _display: inline; }
171171
.fn { float: none; }
172172

173173
@media (--breakpoint-not-small) {
174-
.fl-ns { float: left; display: inline; }
175-
.fr-ns { float: right;display: inline; }
174+
.fl-ns { float: left; _display: inline; }
175+
.fr-ns { float: right; _display: inline; }
176176
.fn-ns { float: none; }
177177
}
178178

179179
@media (--breakpoint-medium) {
180-
.fl-m { float: left; display: inline; }
181-
.fr-m { float: right; display: inline; }
180+
.fl-m { float: left; _display: inline; }
181+
.fr-m { float: right; _display: inline; }
182182
.fn-m { float: none; }
183183
}
184184

185185
@media (--breakpoint-large) {
186-
.fl-l { float: left; display: inline; }
187-
.fr-l { float: right; display: inline; }
186+
.fl-l { float: left; _display: inline; }
187+
.fr-l { float: right; _display: inline; }
188188
.fn-l { float: none; }
189189
}
190190

‎docs/themes/background-size/index.html

Lines changed: 8 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -118,13 +118,6 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
118118

119119
BACKGROUND SIZE
120120

121-
Base:
122-
bg = background-size
123-
124-
Modifiers:
125-
-cv = cover
126-
-cn = contain
127-
128121
Media Query Extensions:
129122
-ns = not-small
130123
-m = medium
@@ -137,22 +130,22 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
137130
on an html element.
138131
*/
139132

140-
.bg-cv { background-size: cover; }
141-
.bg-cn { background-size: contain; }
133+
.cover { background-size: cover; }
134+
.contain { background-size: contain; }
142135

143136
@media (--breakpoint-not-small) {
144-
.bg-cv-ns { background-size: cover; }
145-
.bg-cn-ns { background-size: contain; }
137+
.cover-ns { background-size: cover; }
138+
.contain-ns { background-size: contain; }
146139
}
147140

148141
@media (--breakpoint-medium) {
149-
.bg-cv-m { background-size: cover; }
150-
.bg-cn-m { background-size: contain; }
142+
.cover-m { background-size: cover; }
143+
.contain-m { background-size: contain; }
151144
}
152145

153146
@media (--breakpoint-large) {
154-
.bg-cv-l { background-size: cover; }
155-
.bg-cn-l { background-size: contain; }
147+
.cover-l { background-size: cover; }
148+
.contain-l { background-size: contain; }
156149
}
157150

158151
</code>

‎docs/themes/border-radius/index.html

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -162,6 +162,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
162162
border-bottom-left-radius: 0;
163163
border-bottom-right-radius: 0;
164164
}
165+
.br--right {
166+
border-top-left-radius: 0;
167+
border-bottom-left-radius: 0;
168+
}
169+
.br--left {
170+
border-top-right-radius: 0;
171+
border-bottom-right-radius: 0;
172+
}
165173

166174
@media (--breakpoint-not-small) {
167175
.br0-ns { border-radius: 0; }
@@ -178,6 +186,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
178186
border-bottom-left-radius: 0;
179187
border-bottom-right-radius: 0;
180188
}
189+
.br--right-ns {
190+
border-top-left-radius: 0;
191+
border-bottom-left-radius: 0;
192+
}
193+
.br--left-ns {
194+
border-top-right-radius: 0;
195+
border-bottom-right-radius: 0;
196+
}
181197
}
182198

183199
@media (--breakpoint-medium) {
@@ -195,6 +211,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
195211
border-bottom-left-radius: 0;
196212
border-bottom-right-radius: 0;
197213
}
214+
.br--right-m {
215+
border-top-left-radius: 0;
216+
border-bottom-left-radius: 0;
217+
}
218+
.br--left-m {
219+
border-top-right-radius: 0;
220+
border-bottom-right-radius: 0;
221+
}
198222
}
199223

200224
@media (--breakpoint-large) {
@@ -212,6 +236,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
212236
border-bottom-left-radius: 0;
213237
border-bottom-right-radius: 0;
214238
}
239+
.br--right-l {
240+
border-top-left-radius: 0;
241+
border-bottom-left-radius: 0;
242+
}
243+
.br--left-l {
244+
border-top-right-radius: 0;
245+
border-bottom-right-radius: 0;
246+
}
215247
}
216248

217249
</code>

‎docs/themes/borders/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -581,6 +581,7 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
581581
.bl { border-left-style: solid; border-left-width: 1px; }
582582
.bn { border-style: none; border-width: 0; }
583583

584+
584585
@media (--breakpoint-not-small) {
585586
.ba-ns { border-style: solid; border-width: 1px; }
586587
.bt-ns { border-top-style: solid; border-top-width: 1px; }

‎docs/themes/hovers/index.html

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -196,7 +196,6 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
196196
}
197197

198198
.grow:hover {
199-
transition: transform .2s;
200199
transform: scale(1.05);
201200
}
202201

@@ -206,7 +205,6 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
206205

207206
.grow-large:hover {
208207
transform: scale(1.2);
209-
transition: transform .2s;
210208
}
211209

212210
/* Add pointer on hover */

‎docs/typography/font-family/index.html

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,11 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
178178
sans-serif;
179179
}
180180

181+
.avenir {
182+
font-family: 'avenir next', avenir,
183+
sans-serif;
184+
}
185+
181186

182187
/* Serif Typefaces */
183188

@@ -206,6 +211,11 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
206211
serif;
207212
}
208213

214+
.baskerville {
215+
font-family: garamond,
216+
serif;
217+
}
218+
209219

210220
</code>
211221
</pre>

‎docs/typography/tracking/index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -127,26 +127,26 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
127127

128128
*/
129129

130-
.tracked { letter-spacing: .16em; }
130+
.tracked { letter-spacing: .1em; }
131131
.tracked-tight { letter-spacing: -.05em; }
132-
.tracked-mega { letter-spacing: .32em; }
132+
.tracked-mega { letter-spacing: .25em; }
133133

134134
@media (--breakpoint-not-small) {
135-
.tracked-ns { letter-spacing: .16em; }
135+
.tracked-ns { letter-spacing: .1em; }
136136
.tracked-tight-ns { letter-spacing: -.05em; }
137-
.tracked-mega-ns { letter-spacing: .32em; }
137+
.tracked-mega-ns { letter-spacing: .25em; }
138138
}
139139

140140
@media (--breakpoint-medium) {
141-
.tracked-m { letter-spacing: .16em; }
141+
.tracked-m { letter-spacing: .1em; }
142142
.tracked-tight-m { letter-spacing: -.05em; }
143-
.tracked-mega-m { letter-spacing: .32em; }
143+
.tracked-mega-m { letter-spacing: .25em; }
144144
}
145145

146146
@media (--breakpoint-large) {
147-
.tracked-l { letter-spacing: .16em; }
147+
.tracked-l { letter-spacing: .1em; }
148148
.tracked-tight-l { letter-spacing: -.05em; }
149-
.tracked-mega-l { letter-spacing: .32em; }
149+
.tracked-mega-l { letter-spacing: .25em; }
150150
}
151151

152152
</code>

‎docs/typography/vertical-align/index.html

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -165,42 +165,26 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
165165
*/
166166

167167
.v-base { vertical-align: baseline; }
168-
.v-sub { vertical-align: sub; }
169-
.v-sup { vertical-align: super; }
170-
.v-txt-top { vertical-align: text-top; }
171-
.v-txt-btm { vertical-align: text-bottom; }
172168
.v-mid { vertical-align: middle; }
173169
.v-top { vertical-align: top; }
174170
.v-btm { vertical-align: bottom; }
175171

176172
@media (--breakpoint-not-small) {
177173
.v-base-ns { vertical-align: baseline; }
178-
.v-sub-ns { vertical-align: sub; }
179-
.v-sup-ns { vertical-align: super; }
180-
.v-txt-top-ns { vertical-align: text-top; }
181-
.v-txt-btm-ns { vertical-align: text-bottom; }
182174
.v-mid-ns { vertical-align: middle; }
183175
.v-top-ns { vertical-align: top; }
184176
.v-btm-ns { vertical-align: bottom; }
185177
}
186178

187179
@media (--breakpoint-medium) {
188180
.v-base-m { vertical-align: baseline; }
189-
.v-sub-m { vertical-align: sub; }
190-
.v-sup-m { vertical-align: super; }
191-
.v-txt-top-m { vertical-align: text-top; }
192-
.v-txt-btm-m { vertical-align: text-bottom; }
193181
.v-mid-m { vertical-align: middle; }
194182
.v-top-m { vertical-align: top; }
195183
.v-btm-m { vertical-align: bottom; }
196184
}
197185

198186
@media (--breakpoint-large) {
199187
.v-base-l { vertical-align: baseline; }
200-
.v-sub-l { vertical-align: sub; }
201-
.v-sup-l { vertical-align: super; }
202-
.v-txt-top-l { vertical-align: text-top; }
203-
.v-txt-btm-l { vertical-align: text-bottom; }
204188
.v-mid-l { vertical-align: middle; }
205189
.v-top-l { vertical-align: top; }
206190
.v-btm-l { vertical-align: bottom; }

‎index.html

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -108,8 +108,8 @@ <h1 class="f4 f1-ns lh-title measure mtn">
108108
</div>
109109
</article>
110110
<article class="bt b--black-10 white-80 ph3 ph5-ns pv4 pv5-ns" style="background-color: #1b418d;" id="getting-started">
111-
<h1 class="mtn f5 ttu">Getting Started</h1>
112-
<p class="measure lh-copy">
111+
<h1 class="mtn f4 ttu tracked">Getting Started</h1>
112+
<p class="f5 measure lh-copy">
113113
Copy the line of code below and paste it in the head of the html file(s) you want to include tachyons in.
114114
</p>
115115
<pre class="pre white-70" style="overflow: auto"><code class="code f6 dib pa2 bg-black-20" style="font-size: 14px;">&lt;link rel="stylesheet" href="https://npmcdn.com/tachyons@4.0.4/css/tachyons.min.css"/&gt;</code></pre>
@@ -120,6 +120,15 @@ <h1 class="mtn f5 ttu">Getting Started</h1>
120120
cd tachyons
121121
npm install &amp;&amp; npm build
122122
</code></pre>
123+
<section class="bt b--white-10 pv5 mt5">
124+
<h3 class="mtn f3 ttu tracked mt0">Start a New Project</h3>
125+
<p class="f4 measure lh-copy mb5 mt0">
126+
Get setup and running with this seven minute screencast.
127+
</p>
128+
<div class="aspect-ratio aspect-ratio--16x9">
129+
<iframe class="aspect-ratio--object" src="https://player.vimeo.com/video/174698456" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
130+
</div>
131+
</section>
123132
</article>
124133
<div class="ph3 ph5-ns tl tl-ns bt b--light-gray pv3 pv5-ns" id="principles">
125134
<h1 class="f5 ttu tracked fw6">Principles</h1>
@@ -523,7 +532,7 @@ <h1 class="f5 fw6 ttu tracked"><a href="#npm" class="link near-black">Module Lis
523532
href="//github.com/tachyons-css/tachyons-display">
524533
tachyons-display
525534
</a>
526-
<code class="f6 di fw4 pr2">v4.1.1</code>
535+
<code class="f6 di fw4 pr2">v4.1.2</code>
527536
<code class="f6 di black-60">307 B</code>
528537
</div>
529538

@@ -613,8 +622,8 @@ <h1 class="f5 fw6 ttu tracked"><a href="#npm" class="link near-black">Module Lis
613622
href="//github.com/tachyons-css/tachyons-letter-spacing">
614623
tachyons-letter-spacing
615624
</a>
616-
<code class="f6 di fw4 pr2">v2.1.3</code>
617-
<code class="f6 di black-60">162 B</code>
625+
<code class="f6 di fw4 pr2">v2.2.0</code>
626+
<code class="f6 di black-60">159 B</code>
618627
</div>
619628

620629
<div class="mb3 mb4-ns fl w-100 w-50-m w-33-l">

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@
108108
"tachyons": "^4.0.0-beta.27",
109109
"tachyons-cli": "^0.6.0",
110110
"tachyons-flexbox": "^1.0.0",
111-
"tachyons-modules": "^1.1.5",
111+
"tachyons-modules": "^1.1.8",
112112
"tachyons-queries": "^0.3.1",
113113
"titleize": "^1.0.0",
114114
"watch": "^0.18.0"

‎src/css/_background-size.css

Lines changed: 8 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,6 @@
66
77
BACKGROUND SIZE
88
9-
Base:
10-
bg = background-size
11-
12-
Modifiers:
13-
-cv = cover
14-
-cn = contain
15-
169
Media Query Extensions:
1710
-ns = not-small
1811
-m = medium
@@ -25,20 +18,20 @@
2518
on an html element.
2619
*/
2720

28-
.bg-cv { background-size: cover; }
29-
.bg-cn { background-size: contain; }
21+
.cover { background-size: cover; }
22+
.contain { background-size: contain; }
3023

3124
@media (--breakpoint-not-small) {
32-
.bg-cv-ns { background-size: cover; }
33-
.bg-cn-ns { background-size: contain; }
25+
.cover-ns { background-size: cover; }
26+
.contain-ns { background-size: contain; }
3427
}
3528

3629
@media (--breakpoint-medium) {
37-
.bg-cv-m { background-size: cover; }
38-
.bg-cn-m { background-size: contain; }
30+
.cover-m { background-size: cover; }
31+
.contain-m { background-size: contain; }
3932
}
4033

4134
@media (--breakpoint-large) {
42-
.bg-cv-l { background-size: cover; }
43-
.bg-cn-l { background-size: contain; }
35+
.cover-l { background-size: cover; }
36+
.contain-l { background-size: contain; }
4437
}

0 commit comments

Comments
 (0)