Default to having icons for Info Box, Info subtle, Warning box and Wa…

…rning subtle
bring · Mar 11, 2021 · 073eef3 · 073eef3
1 parent a66f1a2
commit 073eef3
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/shared/components/info-box/Info-box.md b/src/shared/components/info-box/Info-box.md
@@ -19,6 +19,7 @@ Elements:
 
 ```html|plain,light
 <div class="hw-info-box">
+  <i class="fas fa-lg fa-info-square hw-info-box__icon"></i>
   <div class="hw-info-box__body">
     <h3 class="hw-info-box__title">Title</h3>
     <p>The body text is here. Should not be very long</p>
@@ -27,11 +28,10 @@ Elements:
 </div>
 ```
 
-### Info box - with icon
+### Info box - no icon
 
 ```html|plain,light
 <div class="hw-info-box">
-  <i class="fas fa-lg fa-info-square hw-info-box__icon"></i>
   <div class="hw-info-box__body">
     <h3 class="hw-info-box__title">Title</h3>
     <p>The body text is here. Should not be very long</p>

diff --git a/src/shared/components/info-subtle/Info-subtle.md b/src/shared/components/info-subtle/Info-subtle.md
@@ -16,16 +16,16 @@ Elements:
 
 ```html|plain,light
 <div class="hw-info-subtle">
+    <i class="fas fa-exclamation-triangle hw-info-subtle__icon"></i>
     The body text is here. Inline elements only.&nbsp;
     <a class="hw-link">Click me</a>
 </div>
 ```
 
-## Info subtle - with icon
+## Info subtle - no icon
 
 ```html|plain,light
 <div class="hw-info-subtle">
-    <i class="fas fa-exclamation-triangle hw-info-subtle__icon"></i>
     The body text is here. Inline elements only.&nbsp;
     <a class="hw-link">Click me</a>
 </div>

diff --git a/src/shared/components/warning-box/Warning-box.md b/src/shared/components/warning-box/Warning-box.md
@@ -19,6 +19,7 @@ Elements:
 
 ```html|plain,light
 <div class="hw-warning-box">
+  <i class="fas fa-lg fa-info-square hw-warning-box__icon"></i>
   <div class="hw-warning-box__body">
     <h3 class="hw-warning-box__title">Title</h3>
     <p>The body text is here. Should not be very long</p>
@@ -27,11 +28,10 @@ Elements:
 </div>
 ```
 
-### Warning box - with icon
+### Warning box - no icon
 
 ```html|plain,light
 <div class="hw-warning-box">
-  <i class="fas fa-lg fa-info-square hw-warning-box__icon"></i>
   <div class="hw-warning-box__body">
     <h3 class="hw-warning-box__title">Title</h3>
     <p>The body text is here. Should not be very long</p>

diff --git a/src/shared/components/warning-subtle/Warning-subtle.md b/src/shared/components/warning-subtle/Warning-subtle.md
@@ -16,16 +16,16 @@ Elements:
 
 ```html|plain,light
 <div class="hw-warning-subtle">
+    <i class="fas fa-exclamation-triangle hw-warning-subtle__icon"></i>
     The body text is here. Inline elements only.&nbsp;
     <a class="hw-link hw-link--solid">Click me</a>
 </div>
 ```
 
-## Warning subtle - with icon
+## Warning subtle - no icon
 
 ```html|plain,light
 <div class="hw-warning-subtle">
-    <i class="fas fa-exclamation-triangle hw-warning-subtle__icon"></i>
     The body text is here. Inline elements only.&nbsp;
     <a class="hw-link hw-link--solid">Click me</a>
 </div>