// Translation
//
// Translations in single quotes. While the HTML specification states that the `<q>` may only be used when you're quoting a source, it nonetheless may be acceptable to use a `<q>` tag for translations in technical linguistics texts. Browsers will add double quotes to `<q>` tags by default, providing a convenient fallback if your CSS fails to load.
//
// Markup: translation.html
//
// Styleguide components.translation
.tln,
.translation {

  cursor     : copy;
  display    : inline;
  quotes     : '‘' '’' '“' '”';
  user-select: all;

  &::before {
    content: open-quote;
  }

  &::after {
    content: close-quote;
  }
}