geoff
/
stylelite
mirror of https://github.com/n2geoff/stylelite.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

spelling

This commit is contained in:
Geoff Doty 2024-01-28 13:20:43 -05:00
parent c8633b0f60
commit 6a27a0efb0
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
examples/overview.html
View File

@ -7,9 +7,6 @@
<title>Stylelite</title>
<link rel="stylesheet" href="../src/stylelite.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/feather-icons-css@1.2.0/css/feather.min.css">
<style>
</style>
</head>
<body>
<main>
@ -41,7 +38,7 @@
<a name="overview"></a>
<h2 class="underline">Overview</h2>
<div>
<code>DIV</code> is not the only tag avalible to your designs.
<code>DIV</code> is not the only tag available to your designs.
Mimic traditional <code>.container</code> class by just using a <code>MAIN</code> tag.
<p></p>
Need to divide major sections of your code, eh...use <code>SECTION</code> tag.
@ -88,7 +85,7 @@
<p><code>A</code> can be a <a href="./">link</a></p>
<p><code>STRONG</code> can be <strong>bold</strong></p>
<p><code>U</code> can be <u>underlined</u></p>
<p><code>EM</code> can be <em>emphasised</em></p>
<p><code>EM</code> can be <em>emphasized</em></p>
<p><code>SMALL</code> can be <small>small</small></p>
<p><code>CODE</code> can be <code>code</code></p>
</div>
@ -241,7 +238,7 @@
<a name="grid"></a>
<h2>Grid System</h2>
<div>
The flex-based grid system dynamicly divides content on the number of
The flex-based grid system dynamically divides content on the number of
child elements under <code>row</code>, be that a plain <code>div</code>(auto) or <code>col-*</code>.
Column sizes range from <code>col-1</code> to <code>col-5</code>
@ -377,7 +374,7 @@
</tr>
<tr>
<th><code>.subtitle</code></th>
<td>designed for tigher fit under headings</td>
<td>designed for tighter fit under headings</td>
</tr>
<tr>
<th><code>.fill</code></th>