Skip to content

Commit 3025edd

Browse files
author
Nathan Ford
committed
Edited rag-adjust sections with correct description
1 parent fb838ae commit 3025edd

File tree

4 files changed

+8
-8
lines changed

4 files changed

+8
-8
lines changed

.DS_Store

6 KB
Binary file not shown.

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ Type.js
33

44
Type.js adds new type properties to your CSS, giving you the control you need for type on the web. You can write these properties in your CSS and they will work like any other property.
55

6-
View `demo.html` to see these new properties in action.
6+
View `index.html` to see these new properties in action.
77

88
## Properties
99

@@ -33,7 +33,7 @@ h1 {
3333
Set rules for where you want your lines to break in a paragraph.
3434

3535
#### Properties
36-
`rag-adjust` accepts a comma separated list of two glyphs, then the distance you want between them. Accepts positive or negative distances.
36+
`rag-adjust` accepts four values that describe where your lines should break.
3737
```CSS
3838
rag-adjust: small-words;
3939
```

css/styles.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -223,7 +223,7 @@ section h2 {
223223

224224
h3, h4 {
225225
font-size: 1.2em;
226-
margin-top: 1.5em;
226+
padding-top: 1.5em;
227227
}
228228

229229
h4 {

index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ <h2>Examples</h2>
7878

7979
<h2>Properties</h2>
8080

81-
<h3>Kerning Pairs</h3>
81+
<h3 id="kerning-pairs">Kerning Pairs</h3>
8282
<p>Manually adjust the space between two specific glyphs with a simple syntax. Read more <a href="http://artequalswork.com/posts/manual-kerning/" title="A Manual Kerning Method for the Web on Art=Work">about manual kerning</a> here.</p>
8383

8484
<h4>Properties</h4>
@@ -104,11 +104,11 @@ <h4>Example CSS</h4>
104104
}</pre>
105105
</figure>
106106

107-
<h3>Rag Adjust</h3>
107+
<h3 id="rag-adjust">Rag Adjust</h3>
108108
<p>Set rules for where lines will to break in a paragraph. Read more <a href="http://24ways.org/2013/run-ragged/" title="Run Ragged on 24 ways">about rag rules</a> here.</p>
109109

110110
<h4>Properties</h4>
111-
<p><code>rag-adjust</code> accepts a comma separated list of two glyphs, then the distance you want between them. Accepts positive or negative distances.</p>
111+
<p><code>rag-adjust</code> accepts four values that describe where your lines should break.</p>
112112

113113
<figure>
114114
<pre>rag-adjust: small-words;</pre>
@@ -131,7 +131,7 @@ <h4>Example CSS</h4>
131131
}</pre>
132132
</figure>
133133

134-
<h3>Widow Adjust</h3>
134+
<h3 id="widow-adjust">Widow Adjust</h3>
135135
<p>Set rules for eliminating widows &ndash; or any grouping of less than 14 characters on the last line of a paragraph. Read more <a href="http://artequalswork.com/posts/on-widows/" title="On Widows, and How to Tame Them on Art=Work">about fixing widows</a> here.</p>
136136

137137
<h4>Properties</h4>
@@ -157,7 +157,7 @@ <h4>Example CSS</h4>
157157
}</pre>
158158
</figure>
159159

160-
<h3>Min/max font-size</h3>
160+
<h3 id="min-max-font-size">Min/max font-size</h3>
161161
<p>Set a minimum and maximum font-size for text when using a viewport unit for <code>font-size</code>.</p>
162162

163163
<h4>Properties</h4>

0 commit comments

Comments
 (0)