Skip to content

Commit

Permalink
Update paragraph to have .content class
Browse files Browse the repository at this point in the history
Should fix link styling
  • Loading branch information
weaversam8 authored Oct 15, 2020
1 parent 8e1237a commit 233f75c
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -257,8 +257,8 @@ title: "The atomic web toolkit for pragmatists"
<div class="card ~neutral !high font-mono mb-4">
npm install a17t
</div>
<p class="mb-2">Import a17t in your JavaScript using <code class="code">import 'a17t'</code> or into your preprocessed CSS using <code class="code">@import 'a17t';</code>. For more information about
CSS-in-JS, see <a class="underline" href="https://css-tricks.com/the-many-ways-to-include-css-in-javascript-applications/">
<p class="mb-2 content">Import a17t in your JavaScript using <code class="code">import 'a17t'</code> or into your preprocessed CSS using <code class="code">@import 'a17t';</code>. For more information about
CSS-in-JS, see <a href="https://css-tricks.com/the-many-ways-to-include-css-in-javascript-applications/">
this guide</a>. a17t's default export is simply its compiled CSS file, so you have no shortage of options
to import it.</p>
<p class="mb-6">Optionally use a17t's Tailwind distribution in your JavaScript with <code class="code">import 'a17t/dist/tailwind.css'</code> or in your CSS with <code class="code">@import 'a17t/dist/tailwind.css'</code>. The benefit of using a17t's Tailwind CSS distribution is that it uses the same CSS variables as a17t. That way, if you change your color scheme (for example), your Tailwind classes will change as well. (Note that the color names for a17t's Tailwind distribution match other a17t's naming system&mdash;e.g., the class for light grey text is `text-neutral-300`.)</p>
Expand Down

0 comments on commit 233f75c

Please sign in to comment.