You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: _includes/sxs/02-extending/part-one.html
+5-5Lines changed: 5 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -11,11 +11,11 @@ <h2><span>Part one</span> Customize a card with theme settings</h2>
11
11
</p>
12
12
<h3class="step">View available theme settings.</h3>
13
13
<pclass="step-description">
14
-
Visit the <ahref="https://designsystem.digital.gov/components/card/#component-settings-card">USWDS Card component settings table</a> to see a list of available settings. Settings allow you to apply a global theme to USWDS components and styles without modifying CSS. Today's we're going to give our card a light golden look.
14
+
Visit the <ahref="https://designsystem.digital.gov/components/card/#component-settings-card">USWDS Card component settings table</a> to see a list of available settings. Settings allow you to apply styles globally without writing custom CSS. Today we're going to give our card a light golden look.
15
15
</p>
16
16
<h3class="step">Customize border settings.</h3>
17
17
<pclass="step-description">
18
-
Let's start but updating the border to remove the border and give the card a rounder border radius.
18
+
Let's start with the card border. We'll remove the border and make the card rounder by increasing the border radius.
19
19
</p>
20
20
<pclass="step-description">
21
21
We want to give our card a border radius of 2 units. To do that we'll set the value of the border radius to <strong>lg</strong> then set the value of the large border radius to 2.
Save, wait for the Sass to compile, and reload. You'll see the the updated border and font settings shape the card component! All without having to write any custom CSS.
48
+
Save, wait for the Sass to compile, and reload. You'll see the updated border and font settings shape the card component! All without having to write any custom CSS.
49
49
</p>
50
50
51
51
<pclass="step-description">
52
-
But maybe there are additional changes your team would like to make that are not available in theme settings. In the next section we'll take a look at adding custom styles.
52
+
But maybe there are additional changes your team would like to make that aren't available in theme settings. In the next section we'll take a look at adding custom styles.
0 commit comments