Merge pull request #429 from BipinKalra/codingblocks-fix

Codingblocks fix

Author: BipinKalra

examples/views/index.hbs

@@ -112,6 +112,7 @@
 <div class="row p-3"><a target="preview" href="content-csv.html">content-csv</a></div>
 <div class="row p-3"><a target="preview" href="content-icon.html">content-icon</a></div>
 <div class="row p-3"><a target="preview" href="course-card-buycourse.html">course-card-buycourse</a></div>
+<div class="row p-3"><a target="preview" href="course-card-mini.html">course-card-mini</a></div>
 <div class="row p-3"><a target="preview" href="course-content-card.html">course-content-card</a></div>
 <div class="row p-3"><a target="preview" href="course-dashboard-progress-card.html">course-dashboard-progress-card</a></div>
 <div class="row p-3"><a target="preview" href="course-review.html">course-review</a></div>

examples/views/live-classes-course-page.hbs

@@ -35,16 +35,12 @@
             <i class="fas fa-play-circle fa-2x"></i>
           </div>
 
-          <div class="card-md">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
-            dolore
-            magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel
-            facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-            labore
-            et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan
-            lacus
-            vel facilisis.
-          </div>
+          <ul class="list-style-gradient-bullet w-100">
+            <li>Something random in this placeholder!</li>
+            <li>Something random in this placeholder!</li>
+            <li>Something random in this placeholder!</li>
+            <li>Something random in this placeholder!</li>
+          </ul>
         </div>
       </div>
     </div>

examples/views/live-classes-original.hbs

@@ -126,6 +126,14 @@
         </div>
       </div>
     </div>
+    <div class="mt-5 border-card bg-black p-5">
+      <div class="row no-gutters align-items-center mx-auto" style="width: fit-content;">
+        <img src="https://cb-thumbnails.s3.ap-south-1.amazonaws.com/graduated-2.png">
+        <div class="flex-1 pl-5 white">
+          <div class="font-lg">Get 6 month <span class="extra-bold">FREE</span> access to the Online Course</div>
+        </div>
+      </div>
+    </div>
   </div>
 
   <div class="p-md-5 p-4">

examples/views/unordered-list.hbs

@@ -0,0 +1,6 @@
+<ul class="list-style-gradient-bullet">
+  <li>Something</li>
+  <li>Something 2</li>
+  <li>Something 3</li>
+  <li>Something 4</li>
+</ul>

sass/styles/objects/list.scss

@@ -113,4 +113,23 @@
     margin-top: 1.5rem;
     margin-bottom: 1.5rem;
   }
+}
+
+.list-style-gradient-bullet {
+  * {
+    display: flex;
+    align-items: center;
+    padding-bottom: 0.5rem;
+
+    &::before {
+      content: "";
+      height: 1rem;
+      width: 1rem;
+      border-radius: 1rem;
+      left: 0;
+      background: $gradient-orange;
+      margin-right: 1rem;
+      flex: none;
+    }
+  }
 }