Docs: Use emojis instead of images to indicate fixable/recommended ru…

…les (#858) * Update: change `(fixable)` and `(recommended)` to emojis * Update: replace paragraph wrench & checkmark icons as well
eslint · Jul 22, 2021 · 4dd81b3 · 4dd81b3
1 parent c1ecb6d
commit 4dd81b3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/_layouts/doc.liquid b/_layouts/doc.liquid
@@ -28,8 +28,8 @@
         | replace: '<p>(recommended) ', '<p class="recommended icon">'
         | replace: '<p>(removed) ', '<p class="removed icon">'
         | replace: '<p>(fixable) ', '<p class="fixable icon">'
-        | replace: '(recommended)', '<span title="recommended" aria-label="recommended" class="glyphicon glyphicon-ok"></span>'
-        | replace: '(fixable)', '<span title="fixable" aria-label="fixable" class="glyphicon glyphicon-wrench"></span>'
+        | replace: '(recommended)', '<span title="recommended" aria-label="recommended">✓</span>'
+        | replace: '(fixable)', '<span title="fixable" aria-label="fixable">🔧</span>'
       }}
     </article>
   </main>

diff --git a/_layouts/rules.liquid b/_layouts/rules.liquid
@@ -14,8 +14,8 @@
       </div>
 
       {{ content
-        | replace: '(recommended)', '<span title="recommended" aria-label="recommended" class="glyphicon glyphicon-ok"></span>'
-        | replace: '(fixable)', '<span title="fixable" aria-label="fixable" class="glyphicon glyphicon-wrench"></span>'
+        | replace: '(recommended)', '<span title="recommended" aria-label="recommended">✓</span>'
+        | replace: '(fixable)', '<span title="fixable" aria-label="fixable">🔧</span>'
       }}
     </article>
   </main>

diff --git a/src/styles/lib/overrides.less b/src/styles/lib/overrides.less
@@ -89,15 +89,15 @@ p {
   }
 
   &.recommended:before {
-    content: "\e013"; /* ok */
+    content: "✓"; /* ok */
   }
 
   &.removed:before {
     content: "\e014"; /* remove */
   }
 
   &.fixable:before {
-    content: "\e136"; /* wrench */
+    content: "🔧"; /* wrench */
   }
 
   &.incorrect:before {