spaceless

Sass helper that removes spaces between inline-blocks. It uses special font with no space character.


Install
bower install spaceless

Documentation

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.