Library for SASS/CSS¶ ↑

Includes:

• CSS Layout Reset

• Layout Helpers

• Style Snippets

Install¶ ↑

Install as git submodule for Rails application with SASS:

git submodule add git@github.com:vladalive/sass-lib.git public/stylesheets/sass/sass-lib

Include at the top of your SASS file:

@import sass-lib/_lib.sass
@include Layout_Reset
@include Layout_Helpers

Update¶ ↑

git submodule update

Usage¶ ↑

CSS Layout Reset¶ ↑

@include Layout_Reset

Layout Helpers¶ ↑

@include Layout_Helpers
.Clear - Clear fix
tag.Hidden - Visibility: hidden
tag.Visible - Visibility: visible
tag.None - Display: none

Style Snippets¶ ↑

Round borders

+round-borders(5px)
+round-borders(0 10px 10px 0)

Box Shadow

+box-shadow(#000 1px 1px 5px)

Opacity

+opacity(0.5)

CSS3 Transform

+transform(scale(2))

CSS3 Transition

+transition(all 0.5s ease)

CSS3 change box-sizing model

+box-sizing(border-box)
+box-sizing-border-box

CSS3 text truncating using ellipsis

+ellipsis

Copyright¶ ↑

Copyright © 2009-2011 Vlad Alive (vladalive.com)

Source code: github.com/vladalive/sass-lib

Released under the MIT license