Skip to content

Instantly share code, notes, and snippets.

@flegfleg

flegfleg/wp-footnotes-emoji-arrow.scss

Created March 5, 2017 14:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save flegfleg/f96ebf885f77c6f1961431eaae1c905e to your computer and use it in GitHub Desktop.
Save flegfleg/f96ebf885f77c6f1961431eaae1c905e to your computer and use it in GitHub Desktop.
Download ZIP
Wordpress Footnotes iOS Emoji Arrow Fix
Raw
wp-footnotes-emoji-arrow.scss
// Wordpress Footnotes iOS Fix
// Prevents iOS from rendering ↩ (curved back arrow) as emoji
// Background: http://mts.io/2015/04/21/unicode-symbol-render-text-emoji/
//
.footnotes {
a[href^="#"] {
// Hide original glyph
visibility: hidden;
position: relative;
// Add a new Symbol after
&:after {
visibility: visible;
position: absolute;
top: 0;
left: 0;
// prevents rendering as emoji on iOS
content: "\21A9 \FE0E";
} // :after
} // a
} // footnotes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment