Usage

Add quotation marks to an element

@import "quotation-marks";

.my-class {
  @include quotation-marks(en);
}
/* RESULT */

.my-class:before {
  content: "“";
}

.my-class:after {
  content: "”";
}

Use :lang()

<html lang="de">
  <body>
    <div class="my-class">Hello World!</div>
  </body>
</html>
@import "quotation-marks";

.my-class {
  @include localized-quotation-marks(en de);
}
/* RESULT */

.my-class:lang(en):before,
.my-class:lang(de):after {
  content: "“";
}

.my-class:lang(en):after {
  content: "”";
}

.my-class:lang(de):before {
  content: "„";
}

Notice: This gem uses %placeholders—so it combines all similar quotation mark and just adds the selectors.

Installation

Add this line to your application’s Gemfile:

gem 'quotation-marks'

And then execute:

bundle

Or install it yourself as:

gem install quotation-marks

Available Languages

af
ar
az
be
bg
ca
cs
da
de
de-at
de-ch
el
en
en-ca
en-uk
en-us
eo
es
et
eu
fa
fi
fr
fr-ch
ga
he
hr
hu
hy
ia
id
is
it
it-ch
ja
ka
ko
lt
lv
mk
nl
no
pl
pt-br
pt-pt
ro
ru
sk
sl
sq
sr
sv
th
tr
uk
vi
zh

Behind the Scenes

Designed and developed by Nico Hagenburger — a Berlin-based designer and developer who loves typography and cares about having quality print on the web. Being raised in Europe, he’s visited many countries and learned cultural — and especially typographical — differences, partially by collecting and studying the design of Coke cans and train station signs.

Follow Nico on Twitter, Github, and Dribbble.

Special thanks to Jennifer Geacone-Cruz for proofreading and Hugo Giraudel for some discussions that somehow may be a reason for this gem.

If this is helpful for you, consider giving a Gittip and support the further development and upcoming gems:
The JavaScript Grid Blog The LivingStyleGuide Gem
Fork me on Github … and leave a star :)