tip icon

VJAI · Jan 31, 2022 · e0bcece · e0bcece
1 parent 8dbb665
commit e0bcece
Show file tree

Hide file tree

Showing 7 changed files with 460 additions and 357 deletions.
diff --git a/TODOs.md b/TODOs.md
@@ -0,0 +1 @@
+1. Refactor ribbon components to be re-usable!
diff --git a/detail.html b/detail.html
@@ -386,7 +386,10 @@ <h4>Lorem ipsum dolor sit amet</h4>
           <dd>Theory of Relativity, photoelectric effect and lots more</dd>
         </dl>
 
-        <blockquote cite="https://www.huxley.net/bnw/four.html" class="cmp__responsive">
+        <blockquote cite="https://www.huxley.net/bnw/four.html" class="cmp__responsive cmp__icon-float">
+          <div class="cmp__icon-container">
+            <cmp-icon name="quote"></cmp-icon>
+          </div>
           <h4>Duis euismod luctus</h4>
           <p>&ldquo;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
             totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
@@ -409,7 +412,10 @@ <h4>Duis euismod luctus</h4>
           recusandae.
         </p>
 
-        <blockquote cite="https://www.huxley.net/bnw/four.html" class="cmp__status-success">
+        <blockquote cite="https://www.huxley.net/bnw/four.html" class="cmp__status-success cmp__icon-float">
+          <div class="cmp__icon-container">
+            <cmp-icon name="quote"></cmp-icon>
+          </div>
           <h4>Duis euismod luctus</h4>
           <p>&ldquo;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
             totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
@@ -436,7 +442,10 @@ <h4>Duis euismod luctus</h4>
           Tel: +1 (123) 456 7890
         </address>
 
-        <blockquote cite="https://www.huxley.net/bnw/four.html" class="cmp__status-warn">
+        <blockquote cite="https://www.huxley.net/bnw/four.html" class="cmp__status-warn cmp__icon-float">
+          <div class="cmp__icon-container">
+            <cmp-icon name="quote"></cmp-icon>
+          </div>
           <h4>Duis euismod luctus</h4>
           <p>&ldquo;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
             totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
@@ -767,7 +776,11 @@ <h3>Lorem ipsum dolor sit amet</h3>
           lorem, tempor pellentesque neque laoreet ac.
         </p>
 
-        <div class="cmp__sub cmp__responsive">
+        <div class="cmp__sub cmp__responsive cmp__icon-float">
+          <div class="cmp__icon-container">
+            <cmp-icon name="lightbulb"></cmp-icon>
+          </div>
+
           <h4>Lorem ipsum dolor smit ameit</h4>
 
           <p>