diff options
Diffstat (limited to 'exampleSite/content/post/emoji-support.md')
-rw-r--r-- | exampleSite/content/post/emoji-support.md | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/exampleSite/content/post/emoji-support.md b/exampleSite/content/post/emoji-support.md index ecf6c86..dc3589a 100644 --- a/exampleSite/content/post/emoji-support.md +++ b/exampleSite/content/post/emoji-support.md @@ -12,8 +12,7 @@ Emoji can be enabled in a Hugo project in a number of ways. <!--more--> The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). -To enable emoji globally, set `enableEmoji` to `true` in your siteβs [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g. - +To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g. <p><span class="nowrap"><span class="emojify">π</span> <code>:see_no_evil:</code></span> <span class="nowrap"><span class="emojify">π</span> <code>:hear_no_evil:</code></span> <span class="nowrap"><span class="emojify">π</span> <code>:speak_no_evil:</code></span></p> <br> @@ -26,22 +25,22 @@ The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference {{< highlight html >}} .emoji { -font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols; + font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; } {{< /highlight >}} {{< css.inline >}} <style> .emojify { - font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols; + font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; font-size: 2rem; vertical-align: middle; } @media screen and (max-width:650px) { - .nowrap { - display: block; - margin: 25px 0; -} + .nowrap { + display: block; + margin: 25px 0; + } } </style> -{{< /css.inline >}}
\ No newline at end of file +{{< /css.inline >}} |