Skip to content

Instantly share code, notes, and snippets.

@Zodiac1978
Forked from glueckpress/q.css
Created August 24, 2020 19:59
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 Zodiac1978/cd257fa8076f7ec0a984ba275523a411 to your computer and use it in GitHub Desktop.
Save Zodiac1978/cd257fa8076f7ec0a984ba275523a411 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