zhao
/
hexo-filter-github-emojis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: remove the style tag

This commit is contained in:
crimx 2020-10-03 11:47:51 +08:00
parent 51e92a6f16
commit c95b1331c7
1 changed files with 41 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
README.md
View File

@ -41,55 +41,53 @@ githubEmojis:
If `true`, the filter will inject a `<style>` to the html. 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. 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 ```css
<style> .github-emoji {
.github-emoji { position: relative;
position: relative; display: inline-block;
display: inline-block; width: 1.2em;
width: 1.2em; min-height: 1.2em;
min-height: 1.2em; overflow: hidden;
overflow: hidden; vertical-align: top;
vertical-align: top; color: transparent;
color: transparent; }
}
.github-emoji > span { .github-emoji > span {
position: relative; position: relative;
z-index: 10; z-index: 10;
} }
.github-emoji img, .github-emoji img,
.github-emoji .fancybox { .github-emoji .fancybox {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
border: none !important; border: none !important;
outline: none !important; outline: none !important;
text-decoration: none !important; text-decoration: none !important;
user-select: none !important; user-select: none !important;
cursor: auto !important; cursor: auto !important;
} }
.github-emoji img { .github-emoji img {
height: 1.2em !important; height: 1.2em !important;
width: 1.2em !important; width: 1.2em !important;
position: absolute !important; position: absolute !important;
left: 50% !important; left: 50% !important;
top: 50% !important; top: 50% !important;
transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important;
user-select: none !important; user-select: none !important;
cursor: auto !important; cursor: auto !important;
} }
.github-emoji-fallback { .github-emoji-fallback {
color: inherit; color: inherit;
} }
.github-emoji-fallback img { .github-emoji-fallback img {
opacity: 0 !important; opacity: 0 !important;
} }
</style>
``` ```
- **styles** `object={}` - inline styles. For example: - **styles** `object={}` - inline styles. For example: