Compass HandySass

HandySass is a little utility kit with some extra mixins (as well as classes) for use with Compass.

Installation

From the command line:

(sudo) gem install handysass

Add to a project:

// rails: compass.config, other: config.rb
require "handysass"

// command line
compass install handysass

Or create a new project:

compass -r handysass -f handysass project_directory

Usage

You can include as much or as little of HandySASS' features as you want:

  • /mixins
    • /responsive: Breakpoint mixins (e.g. xs-screen, sm-screen-min, md-screen-max)
    • /sizing: Quick little utilites for specifying width/height
    • /sprite: A sprite positioning mixin for consistent-width srites
  • /classes
    • /align: Text alignment classes, including RTL alternatives
    • /float: Float classes, including RTL alternatives
    • /layout: Alias classes for clearfix and inline-block
    • /text: Alias classes for ellipsis and hide-text