Skip to content

Commit 72fc086

Browse files
author
James Mejia
authored
Merge pull request #9 from matikin9/patch-1
fixed typo
2 parents 66c21cc + 6c0be2a commit 72fc086

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

_includes/sxs/part-seven.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ <h3 class="step">Use the watch script to watch for changes and recompile.</h3>
5555
<h3 class="step">Use USWDS color tokens for project colors.</h3>
5656
<p class="step-description">Our tutorial project uses CSS custom properties (otherwise known as "CSS variables" or "custom props"). We can update the value of those custom properties to use USWDS design tokens.</p>
5757
<p class="step-description">We'll add our updated custom properties to a new <strong>:root</strong> element, and we'll assign each updated property a <a href="https://designsystem.digital.gov/design-tokens/color/system-tokens/">USWDS system color token</a>, accessed with the <a href="https://designsystem.digital.gov/design-tokens/color/system-tokens/#using-color-tokens">USWDS <strong>color()</strong> function</a>.</p>
58-
<p class="step-description"><strong>Advanced note:</strong> If you're already familiar with Sass and functions, you'll see that when writing CSS custom properties, you need to use <a href="https://sass-lang.com/documentation/interpolation">Sass interpolation syntax</a> instead of regular functions. Anywhere else if the codebase, you can use regular functions, but custom properties require Sass interpolation.</p>
58+
<p class="step-description"><strong>Advanced note:</strong> If you're already familiar with Sass and functions, you'll see that when writing CSS custom properties, you need to use <a href="https://sass-lang.com/documentation/interpolation">Sass interpolation syntax</a> instead of regular functions. Anywhere else in the codebase, you can use regular functions, but custom properties require Sass interpolation.</p>
5959
<div class="editor">
6060
<h4 class="filename"><span class="material-icons" aria-hidden="true">description</span> assets/css/styles.scss</h4>
6161
<pre class="add">:root {
@@ -100,4 +100,4 @@ <h4 class="filename"><span class="material-icons" aria-hidden="true">description
100100
}</pre>
101101
</div>
102102
<p class="step-description">Save, wait for the Sass to compile, and do a hard reload, and you'll see the new fonts. But hmm. Maybe these aren't the fonts we really want. Let's move to the last part of the tutorial to customize USWDS and finish harmonizing our styles!</p>
103-
</section>
103+
</section>

0 commit comments

Comments
 (0)