Skip to content

Commit

Permalink
docs(home): update content
Browse files Browse the repository at this point in the history
  • Loading branch information
ffoodd committed Sep 25, 2023
1 parent 3fe5bc7 commit cfc5904
Show file tree
Hide file tree
Showing 3 changed files with 14 additions and 14 deletions.
12 changes: 6 additions & 6 deletions _site/templates/index.njk
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@
<h1>Chaarts</h1>

<p>
Every charts in this project relies solely on semantic markup
Every chart in this project relies solely on semantic markup
&nbsp;<code>&lt;table&gt;</code> based&nbsp;— and a spread of
<strong>CSS variables carried by the tags</strong>.
No JavaScript required for display, and styles are
Expand All @@ -86,9 +86,7 @@
<strong>Note</strong>&nbsp;: by virtue of the <strong>experimental</strong>
nature of these techniques and a <strong>solid foundation</strong> enhanced progressively,
I don't mention <strong>browser support</strong> for each example —&nbsp;but
it goes without saying that this is not magic, and only modern browsers handle this right,
<a href="https://caniuse.com/#search=clip-path">with the notable exception of Edge
which does not (yet) support <code>clip-path</code></a>.
it goes without saying that this is not magic, and only modern browsers handle this right.
Other browsers display a properly styled table, and that's nice.
</p>

Expand Down Expand Up @@ -196,6 +194,9 @@
<strong>hover effects</strong> whose initial state consists in hiding content
are activated contextually in the <code>@media (hover: hover) { … }</code> media query.
</li>
<li>
<strong>RTL</strong> is supported thanks to logical properties and a few tweaks here and there.
</li>
</ol>

<h3><code>display</code> and semantics</h3>
Expand All @@ -210,8 +211,7 @@
<p>
That's why each table is preceded by a switch —&nbsp;based on
<a href="https://inclusive-components.design/toggle-button/"><strong>Heydon Pickering</strong>
inclusive toggle button</a>&nbsp;
whose one and only role is to disable additional styles:
inclusive toggle button</a>&nbsp;— whose one and only role is to disable additional styles:
</p>

{% include 'includes/_inclusive-toggle.njk' %}
Expand Down
Loading

0 comments on commit cfc5904

Please sign in to comment.