feat: adding subtitle4 type

Author: danorasys

scripts/learning-unit.js

@@ -87,6 +87,10 @@ function buildBlock(block) {
     case "subtitle3":
       el.innerHTML = `<h4>${block.text}</h4>`;
       break;
+    
+    case "subtitle4":
+      el.innerHTML = `<h5>${block.text}</h5>`;
+      break;
 
     case "paragraph":
       el.innerHTML = `<p>${block.text}</p>`;

styles/learning-unit.css

@@ -55,6 +55,14 @@
   font-weight: 500;
 }
 
+.block.subtitle4 h5 {
+  font-size: 1rem;
+  margin-top: 0.7rem;
+  margin-bottom: 0.4rem;
+  color: rgb(185, 146, 255);
+  font-weight: 500;
+}
+
 .block.paragraph p {
   font-size: 1.15rem;
   margin-bottom: 1rem;
@@ -260,7 +268,6 @@ code[class*="language-"] {
 }
 
 @media (max-width: 768px) {
-
   .unit-container {
     width: 95%;
     padding: 1rem;
@@ -288,6 +295,10 @@ code[class*="language-"] {
     font-size: 1.05rem;
   }
 
+  .block.subtitle4 h5 {
+    font-size: 0.95rem;
+  }
+
   .block.paragraph p,
   .block.list ul li {
     font-size: 1rem;
@@ -308,4 +319,4 @@ code[class*="language-"] {
   .language-btn {
     padding: 6px 10px;
   }
-}
+}