From c95b1331c7d21b7dd34436b029a5cf09f24fd330 Mon Sep 17 00:00:00 2001
From: crimx <straybugs@gmail.com>
Date: Sat, 3 Oct 2020 11:47:51 +0800
Subject: [PATCH] docs: remove the style tag

---
 README.md | 84 +++++++++++++++++++++++++++----------------------------
 1 file changed, 41 insertions(+), 43 deletions(-)

diff --git a/README.md b/README.md
index 284c9e5..235779e 100644
--- a/README.md
+++ b/README.md
@@ -41,55 +41,53 @@ githubEmojis:
   If `true`, the filter will inject a `<style>` to the html.  
   If `false`, the filter will not inject any style. If you can modify source style files you may turn this off and add them yourself.  
   
-  Below is the injected `<style>`. The class name changes according to option.
+  Below are the injected styles. The class name changes according to option.
 
-  ```html
-  <style>
-    .github-emoji {
-      position: relative;
-      display: inline-block;
-      width: 1.2em;
-      min-height: 1.2em;
-      overflow: hidden;
-      vertical-align: top;
-      color: transparent;
-    }
+  ```css
+  .github-emoji {
+    position: relative;
+    display: inline-block;
+    width: 1.2em;
+    min-height: 1.2em;
+    overflow: hidden;
+    vertical-align: top;
+    color: transparent;
+  }
 
-    .github-emoji > span {
-      position: relative;
-      z-index: 10;
-    }
+  .github-emoji > span {
+    position: relative;
+    z-index: 10;
+  }
 
-    .github-emoji img,
-    .github-emoji .fancybox {
-      margin: 0 !important;
-      padding: 0 !important;
-      border: none !important;
-      outline: none !important;
-      text-decoration: none !important;
-      user-select: none !important;
-      cursor: auto !important;
-    }
+  .github-emoji img,
+  .github-emoji .fancybox {
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+    outline: none !important;
+    text-decoration: none !important;
+    user-select: none !important;
+    cursor: auto !important;
+  }
 
-    .github-emoji img {
-      height: 1.2em !important;
-      width: 1.2em !important;
-      position: absolute !important;
-      left: 50% !important;
-      top: 50% !important;
-      transform: translate(-50%, -50%) !important;
-      user-select: none !important;
-      cursor: auto !important;
-    }
+  .github-emoji img {
+    height: 1.2em !important;
+    width: 1.2em !important;
+    position: absolute !important;
+    left: 50% !important;
+    top: 50% !important;
+    transform: translate(-50%, -50%) !important;
+    user-select: none !important;
+    cursor: auto !important;
+  }
 
-    .github-emoji-fallback {
-      color: inherit;
-    }
+  .github-emoji-fallback {
+    color: inherit;
+  }
 
-    .github-emoji-fallback img {
-      opacity: 0 !important;
-    }
-  </style>
+  .github-emoji-fallback img {
+    opacity: 0 !important;
+  }
   ```
 
 - **styles** `object={}` - inline styles. For example: