quotation-marks
quotation-marks copied to clipboard
Published
20 hours ago •
hagenburger
hagenburger
I18n quotation marks for Sass
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
- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request
Copyright
Copyright (c) 2014—2015 Nico Hagenburger. See MIT-LICENSE.md for details. Get in touch with @hagenburger on Twitter.
hagenburger