initial commit

ArmmGh · Jul 31, 2022 · 516c19b · 516c19b
1 parent 8fcf20b
commit 516c19b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/BionicText.vue b/src/components/BionicText.vue
@@ -23,6 +23,11 @@ span.bionic-text {
   font-size: 18px;
   line-height: 1.4;
   letter-spacing: 0.35px;
-  color: rgb(28, 28, 30);
+  color: var(--color-tertiary);
+}
+
+span.bionic {
+  color: var(--color-quinary);
+  font-weight: 600;
 }
 </style>
diff --git a/src/components/transformer.js b/src/components/transformer.js
@@ -10,8 +10,8 @@ const transformToBionic = (content) => {
       idx = Math.ceil(idx);
     }
 
-    newWord.splice(idx, 0, '</b>');
-    newWord.unshift('<b>');
+    newWord.splice(idx, 0, '</span>');
+    newWord.unshift('<span class="bionic">');
 
     return newWord.join('');
   });