Merge branch 'jm-mc-setup' of github.com:uswds/uswds-tutorial into cm…

…-mc-part-3

_includes/sxs/02-extending/card.html

@@ -1,16 +1,15 @@
-
-<div class="usa-card position-sticky top-1">
+<div class="usa-card">
   <div class="usa-card__container">
     <div class="usa-card__header">
       <h2 class="usa-card__heading">Card component</h2>
     </div>
     <div class="usa-card__body">
       <p>
-        This is a standard USWDS card component! Customize me!
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
       </p>
     </div>
     <div class="usa-card__footer">
-      <a href="#" class="usa-button">Card button</a>
+      <a href="#" class="usa-button">Visit Florida Keys</a>
     </div>
   </div>
 </div>

_theme/_uswds-theme.scss

@@ -7,7 +7,6 @@ in the form $setting: value,
 ----------------------------------------
 */
 
-
 @use "uswds-core" with (
   $theme-show-notifications: false,
   $theme-font-type-sans: "public-sans",
@@ -17,11 +16,14 @@ in the form $setting: value,
   $theme-banner-max-width: none,
   $theme-identifier-max-width: none,
 
-  // New styles for part two. Will be completed by the user.
-  $theme-card-border-color: "indigo-30",
-  $theme-card-border-radius: 3,
-  $theme-card-border-width: 1,
+  //
+  // Part two.
+  // ! Will be completed by the user.
+  //
+  // $theme-card-border-color: "indigo-30",
+  // $theme-card-border-radius: 3,
+  // $theme-card-border-width: 1,
   // TODO: Change up updating sans font family to public-sans
   // $theme-card-font-family: "serif",
-  $theme-card-header-typeset: "sans" "xl" 3
+  // $theme-card-header-typeset: "sans" "xl" 3
 );

pages/02-extending/index.html

@@ -27,10 +27,13 @@
         {% include "sxs/02-extending/part-three.html" %}
       </div>
       <div class="demo-display grid-col-5">
-        {% include "sxs/02-extending/testimonial.html" %}
+        <div class="position-sticky top-1">
+          {% include "sxs/02-extending/card.html" %}
+          {% include "sxs/02-extending/testimonial.html" %}
+        </div>
       </div>
     </div>
   </div>
 </main>
 {% include "footer.html" %}
-{% include "uswds/identifier.html" %}
+{% include "uswds/identifier.html" %}