geoff
/
stylelite
1
0
Fork 0
Code Issues Pull Requests 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> <title>Stylelite</title>
<link rel="stylesheet" href="../src/stylelite.css"> <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"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/feather-icons-css@1.2.0/css/feather.min.css">
<style>
</style>
</head> </head>
<body> <body>
<main> <main>
@ -41,7 +38,7 @@
<a name="overview"></a> <a name="overview"></a>
<h2 class="underline">Overview</h2> <h2 class="underline">Overview</h2>
<div> <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. Mimic traditional <code>.container</code> class by just using a <code>MAIN</code> tag.
<p></p> <p></p>
Need to divide major sections of your code, eh...use <code>SECTION</code> tag. 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>A</code> can be a <a href="./">link</a></p>
<p><code>STRONG</code> can be <strong>bold</strong></p> <p><code>STRONG</code> can be <strong>bold</strong></p>
<p><code>U</code> can be <u>underlined</u></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>SMALL</code> can be <small>small</small></p>
<p><code>CODE</code> can be <code>code</code></p> <p><code>CODE</code> can be <code>code</code></p>
</div> </div>
@ -241,7 +238,7 @@
<a name="grid"></a> <a name="grid"></a>
<h2>Grid System</h2> <h2>Grid System</h2>
<div> <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>. 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> Column sizes range from <code>col-1</code> to <code>col-5</code>
@ -377,7 +374,7 @@
</tr> </tr>
<tr> <tr>
<th><code>.subtitle</code></th> <th><code>.subtitle</code></th>
<td>designed for tigher fit under headings</td> <td>designed for tighter fit under headings</td>
</tr> </tr>
<tr> <tr>
<th><code>.fill</code></th> <th><code>.fill</code></th>