Skip to content

Commit f5b2109

Browse files
author
mrmrs
committed
Update prose for documentation on position.
1 parent 0a0c840 commit f5b2109

File tree

1 file changed

+18
-10
lines changed

1 file changed

+18
-10
lines changed

src/templates/docs/position/index.html

Lines changed: 18 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,31 +21,39 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
2121
<span class="f4 b dib pl0 ml0 mr4"><%= moduleSize %></span>
2222
<div>
2323
<dl class="dib mr4 mt0">
24-
<dt class="f6 db">Declarations </dt>
24+
<dt class="f6 db">Declarations</dt>
2525
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.declarations.total %></span></dd>
2626
</dl>
2727
<dl class="dib mr4">
28-
<dt class="f6 db pr2">Selectors </dt>
28+
<dt class="f6 db pr2">Selectors</dt>
2929
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.selectors.total %></dd>
3030
</dl>
3131
<dl class="dib mr4">
32-
<dt class="f6 db pr2">Max. Specificity Score </dt>
32+
<dt class="f6 db pr2">Max. Specificity Score</dt>
3333
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.selectors.specificity.max %></dd>
3434
</dl>
3535
<dl class="dib mr4">
36-
<dt class="f6 db pr2">Size of Avg. Rule </dt>
36+
<dt class="f6 db pr2">Size of Avg. Rule</dt>
3737
<dd class="db pl0 ml0 f4 f2-ns b"><%= moduleObj.rules.size.average %></dd>
3838
</dl>
3939
</div>
4040
<p class="measure f4 f3-ns lh-copy">
41-
Elements default to a position of static. Tachyons provides utilities for setting position to be relative or absolute. Absolute elements are absolutely positioned inside of a relative element. You can use absolute positioning to stretch elements making sure they fill the width and height of a relative container. Relatively positioned elements offer the ability to offset the position of an element without affecting the position of any elements around it. This module should be used in conjunction with the coordinates module which is used to give working examples on this page.
41+
Elements default to a position of static. Tachyons provides utilities
42+
for setting position to be relative or absolute. Absolute elements are
43+
absolutely positioned inside of a relative element. You can use absolute
44+
positioning to stretch elements making sure they fill the width and height of a
45+
relative container. Relatively positioned elements offer the ability to offset
46+
the position of an element without affecting the position of any elements
47+
around it. This module should be used in conjunction with the coordinates
48+
module which is used to give working examples on this page.
4249
</p>
4350
<p class="measure f5 f4-ns lh-copy">
44-
CSS also provides fixed and sticky options for position but as I
45-
don't find them useful from a design standpoint I have not included
46-
them here. If you do find them useful you could easily extend the
47-
position module to include these options. It should be noted that
48-
sticky is not well supported at the moment. If the provided coordinates don't suit your needs the module is easy to extend to add any values you might need. I don't provide negative values - but those can be used in both relative and absolutely positioned elements.
51+
CSS also provides an option for setting position to 'sticky' but it is not included in this module.
52+
If you do find it useful you could easily extend the
53+
position module to include this option. It should be noted that
54+
sticky is not well supported at the moment. If the provided
55+
coordinates don't suit your needs the module is easy to extend to add any
56+
values you might need.
4957
</p>
5058
</article>
5159
<div class="ph3 ph5-ns pt4 pb5">

0 commit comments

Comments
 (0)