Sass helper that removes spaces between inline-blocks. It uses special font with no space character.
Installation
Speceless uses Bower as a package manager. Type to install:
bower install --save spaceless
Spaceless uses font-url
function from sass-rails. Define your own before importing spaceless if you don't use rails.
@function font-url($filename) {
@return url("/assets/#{$filename}");
}
Set $font-family variable to your default font.
$font-family: Helvetica, Arial, sans-serif;
Then include library to your sass-code:
@import 'spaceless/spaceless';
Usage
@extend container of inline blocks:
.container {
@extend .spaceless;
.blocks {
display: inline-block;
}
}
Or include a mixin:
.container {
@include spaceless;
.blocks {
display: inline-block;
}
}
License
Spaceless is released under the MIT License.