Skip to content

Commit 80d9577

Browse files
author
James Mejia
committed
Merge branch 'jm-mc-setup' of github.com:uswds/uswds-tutorial into jm-runthru-edits
2 parents 59b23e4 + d73deb8 commit 80d9577

1 file changed

Lines changed: 15 additions & 2 deletions

File tree

_includes/sxs/02-extending/part-three.html

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -56,10 +56,23 @@ <h4 class="filename"><span class="material-icons" aria-hidden="true">description
5656
<div class="editor">
5757
<h4 class="filename"><span class="material-icons" aria-hidden="true">description</span> _includes/testimonial.html</h4>
5858
<pre class="blur">&lt;div class="my-testimonial"&gt;</pre>
59-
<pre class="add"> &lt;svg class="usa-icon my-testimonial__icon" aria-hidden="true" focusable="false" role="img"&gt;
59+
<pre class="add"> &lt;svg class="usa-icon" aria-hidden="true" focusable="false" role="img"&gt;
6060
&lt;use xlink:href="/assets/img/sprite.svg#format_quote"&gt;
6161
&lt;/use&gt;
6262
&lt;/svg&gt;</pre><pre class="blur">&lt;div class="my-testimonial__body"&gt;
63+
...</pre>
64+
</div>
65+
<p class="step-description">
66+
Next, add a class to the svg element for styling later, as well as height and width attributes to natively define the size of the icon.
67+
</p>
68+
<div class="editor">
69+
<h4 class="filename"><span class="material-icons" aria-hidden="true">description</span> _includes/testimonial.html</h4>
70+
<pre class="blur">&lt;div class="my-testimonial"&gt;</pre>
71+
<pre class="remove"> &lt;svg class="usa-icon" aria-hidden="true" focusable="false" role="img"&gt;</pre>
72+
<pre class="add"> &lt;svg class="usa-icon my-testimonial__icon" height="50px" width="50px" aria-hidden="true" focusable="false" role="img"&gt;</pre>
73+
<pre class="blur"> &lt;use xlink:href="/assets/img/sprite.svg#format_quote"&gt;
74+
&lt;/use&gt;
75+
&lt;/svg&gt&lt;div class="my-testimonial__body"&gt;
6376
...</pre>
6477
</div>
6578
<p class="step-description">
@@ -68,7 +81,7 @@ <h4 class="filename"><span class="material-icons" aria-hidden="true">description
6881
<div class="editor">
6982
<h4 class="filename"><span class="material-icons" aria-hidden="true">description</span> _includes/testimonial.html</h4>
7083
<pre class="blur">&lt;div class="my-testimonial"&gt;
71-
&lt;svg class="usa-icon my-testimonial__icon" aria-hidden="true" focusable="false" role="img"&gt;</pre><pre class="remove">
84+
&lt;svg class="usa-icon my-testimonial__icon" height="50px" width="50px" aria-hidden="true" focusable="false" role="img"&gt;</pre><pre class="remove">
7285
&lt;use xlink:href="/assets/img/sprite.svg#format_quote"&gt;</pre><pre class="add">
7386
&lt;use xlink:href="/assets/uswds/img/sprite.svg#format_quote"&gt;</pre><pre class="blur">
7487
&lt;/use&gt;

0 commit comments

Comments
 (0)