Skip to content

hagenburger/quotation-marks

Repository files navigation

Quotation Marks

An easy to use mixin for quotation marks in Sass

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

Using RubyGems:

Add this line to your application’s Gemfile:

gem 'quotation-marks'

And then execute:

bundle

Or install it yourself as:

gem install quotation-marks

Using Bower:

bower install quotation-marks

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

Copyright

Copyright (c) 2014—2015 Nico Hagenburger. See MIT-LICENSE.md for details. Get in touch with @hagenburger on Twitter.