Skip to content

Instantly share code, notes, and snippets.

@glueckpress
Created December 10, 2015 14:54
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save glueckpress/bf2128102b0a6b3250f6 to your computer and use it in GitHub Desktop.
Save glueckpress/bf2128102b0a6b3250f6 to your computer and use it in GitHub Desktop.
Localized quotation marks for <q> element.
/* Default quotation mark fallback:
* "This is a quotaion."
*/
q::before {
content: open-quote;
}
q::after {
content: close-quote;
}
/* English quotation marks:
* “This is a quotaion.”
*/
html[lang^="en"] q::before {
content: '\201C';
}
html[lang^="en"] q::after {
content: '\201D';
}
/* German quotation marks:
* „This is a quotaion.“
*/
html[lang^="de"] q::before {
content: '\201E';
}
html[lang^="de"] q::after {
content: '\201C';
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment