skeletor_backbone 0.0.3

data/app/assets/stylesheets/skeletor/globals/mixins/_grid_push.sass

@@ -0,0 +1,313 @@
+// =============================================================================
+//  GRID PUSH
+//
+//  The grid push mixin is used for adding 'push' classes prefixed by the
+//  specified namespace.  These classes move grid items over to the right by
+//  certain amounts.
+//
+//  Available as:
+//    +skeletor-grid-push()
+//    +s-grid-push()
+//    +s-gp()
+//
+// =============================================================================
+
+
+
+@import "skeletor/globals/mixins/silent_relative"
+
+// -----------------------------------------------------------------------------
+//  GRID PUSH
+// -----------------------------------------------------------------------------
+=skeletor-grid-push($type: "%", $namespace: "")
+  $class-type: unquote($type)
+
+  // Whole --------------------------------------------
+  #{$class-type}push--#{$namespace}one-whole
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,1)
+
+
+  // Halves -------------------------------------------
+  #{$class-type}push--#{$namespace}one-half
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,2)
+
+
+  // Thirds -------------------------------------------
+  #{$class-type}push--#{$namespace}one-third
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,3)
+
+  #{$class-type}push--#{$namespace}two-thirds
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(2,3)
+
+
+  // Quarters -----------------------------------------
+  #{$class-type}push--#{$namespace}one-quarter
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,4)
+
+  #{$class-type}push--#{$namespace}two-quarters
+    @extend #{$class-type}push--#{$namespace}one-half
+
+  #{$class-type}push--#{$namespace}three-quarters
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(3,4)
+
+
+  // Fifths -------------------------------------------
+  #{$class-type}push--#{$namespace}one-fifth
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,5)
+
+  #{$class-type}push--#{$namespace}two-fifths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(2,5)
+
+  #{$class-type}push--#{$namespace}three-fifths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(3,5)
+
+  #{$class-type}push--#{$namespace}four-fifths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(4,5)
+
+
+  // Sixths -------------------------------------------
+  #{$class-type}push--#{$namespace}one-sixth
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,6)
+
+  #{$class-type}push--#{$namespace}two-sixths
+    @extend #{$class-type}push--#{$namespace}one-third
+
+  #{$class-type}push--#{$namespace}three-sixths
+    @extend #{$class-type}push--#{$namespace}one-half
+
+  #{$class-type}push--#{$namespace}four-sixths
+    @extend #{$class-type}push--#{$namespace}two-thirds
+
+  #{$class-type}push--#{$namespace}five-sixths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(5,6)
+
+
+  // Sevenths -----------------------------------------
+  #{$class-type}push--#{$namespace}one-seventh
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,7)
+
+  #{$class-type}push--#{$namespace}two-sevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(2,7)
+
+  #{$class-type}push--#{$namespace}three-sevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(3,7)
+
+  #{$class-type}push--#{$namespace}four-sevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(4,7)
+
+  #{$class-type}push--#{$namespace}five-sevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(5,7)
+
+  #{$class-type}push--#{$namespace}six-sevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(6,7)
+
+
+  // Eights -------------------------------------------
+  #{$class-type}push--#{$namespace}one-eighth
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,8)
+
+  #{$class-type}push--#{$namespace}two-eighths
+    @extend #{$class-type}push--#{$namespace}one-quarter
+
+  #{$class-type}push--#{$namespace}three-eighths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(3,8)
+
+  #{$class-type}push--#{$namespace}four-eighths
+    @extend #{$class-type}push--#{$namespace}one-half
+
+  #{$class-type}push--#{$namespace}five-eighths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(5,8)
+
+  #{$class-type}push--#{$namespace}six-eighths
+    @extend #{$class-type}push--#{$namespace}three-quarters
+
+  #{$class-type}push--#{$namespace}seven-eighths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(7,8)
+
+
+  // Ninths -------------------------------------------
+  #{$class-type}push--#{$namespace}one-ninth
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,9)
+
+  #{$class-type}push--#{$namespace}two-ninths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(2,9)
+
+  #{$class-type}push--#{$namespace}three-ninths
+    @extend #{$class-type}#{$namespace}one-third
+
+  #{$class-type}push--#{$namespace}four-ninths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(4,9)
+
+  #{$class-type}push--#{$namespace}five-ninths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(5,9)
+
+  #{$class-type}push--#{$namespace}six-ninths
+    @extend #{$class-type}#{$namespace}two-thirds
+
+  #{$class-type}push--#{$namespace}seven-ninths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(7,9)
+
+  #{$class-type}push--#{$namespace}eight-ninths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(8,9)
+
+
+  // Tenths -------------------------------------------
+  #{$class-type}push--#{$namespace}one-tenth
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,10)
+
+  #{$class-type}push--#{$namespace}two-tenths
+    @extend #{$class-type}push--#{$namespace}one-fifth
+
+  #{$class-type}push--#{$namespace}three-tenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(3,10)
+
+  #{$class-type}push--#{$namespace}four-tenths
+    @extend #{$class-type}push--#{$namespace}two-fifths
+
+  #{$class-type}push--#{$namespace}five-tenths
+    @extend #{$class-type}push--#{$namespace}one-half
+
+  #{$class-type}push--#{$namespace}six-tenths
+    @extend #{$class-type}push--#{$namespace}three-fifths
+
+  #{$class-type}push--#{$namespace}seven-tenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(7,10)
+
+  #{$class-type}push--#{$namespace}eight-tenths
+    @extend #{$class-type}push--#{$namespace}four-fifths
+
+  #{$class-type}push--#{$namespace}nine-tenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(9,10)
+
+
+  // Elevenths ----------------------------------------
+  #{$class-type}push--#{$namespace}one-eleventh
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,11)
+
+  #{$class-type}push--#{$namespace}two-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(2,11)
+
+  #{$class-type}push--#{$namespace}three-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(3,11)
+
+  #{$class-type}push--#{$namespace}four-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(4,11)
+
+  #{$class-type}push--#{$namespace}five-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(5,11)
+
+  #{$class-type}push--#{$namespace}six-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(6,11)
+
+  #{$class-type}push--#{$namespace}seven-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(7,11)
+
+  #{$class-type}push--#{$namespace}eight-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(8,11)
+
+  #{$class-type}push--#{$namespace}nine-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(9,11)
+
+  #{$class-type}push--#{$namespace}ten-elevenths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(10,11)
+
+
+  // Twelths ------------------------------------------
+  #{$class-type}push--#{$namespace}one-twelfth
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(1,12)
+
+  #{$class-type}push--#{$namespace}two-twelfths
+    @extend #{$class-type}push--#{$namespace}one-sixth
+
+  #{$class-type}push--#{$namespace}three-twelfths
+    @extend #{$class-type}push--#{$namespace}one-quarter
+
+  #{$class-type}push--#{$namespace}four-twelfths
+    @extend #{$class-type}push--#{$namespace}one-third
+
+  #{$class-type}push--#{$namespace}five-twelfths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(5,12)
+
+  #{$class-type}push--#{$namespace}six-twelfths
+    @extend #{$class-type}push--#{$namespace}one-half
+
+  #{$class-type}push--#{$namespace}seven-twelfths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(7,12)
+
+  #{$class-type}push--#{$namespace}eight-twelfths
+    @extend #{$class-type}push--#{$namespace}two-thirds
+
+  #{$class-type}push--#{$namespace}nine-twelfths
+    @extend #{$class-type}push--#{$namespace}three-quarters
+
+  #{$class-type}push--#{$namespace}ten-twelfths
+    @extend #{$class-type}push--#{$namespace}five-sixths
+
+  #{$class-type}push--#{$namespace}eleven-twelfths
+    +skeletor-silent-relative()
+    left: skeletor-calculate-percent(11,12)
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for grid push mixin
+// -----------------------------------------------------------------------------
+=s-grid-push($type: "%", $namespace: "")
+  +skeletor-grid-push($type, $namespace)
+
+=s-gp($type: "%", $namespace: "")
+  +skeletor-grid-push($type, $namespace)
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =grid-push($type: "%", $namespace: "")
+//     +skeletor-grid-push($type, $namespace)

data/app/assets/stylesheets/skeletor/globals/mixins/_grid_widths.sass

@@ -0,0 +1,275 @@
+// =============================================================================
+//  GRID WIDTH
+//
+//  Mixin for adding width classes prefixed by the specified namespace.
+//
+//  Available as:
+//    +skeletor-grid-widths()
+//    +s-grid-widths()
+//    +s-gw()
+//
+// =============================================================================
+
+
+// -----------------------------------------------------------------------------
+//  GRID WIDTH
+// -----------------------------------------------------------------------------
+=skeletor-grid-widths($type: "%", $namespace: "")
+  $class-type: unquote($type)
+
+  // Whole --------------------------------------------
+  #{$class-type}#{$namespace}one-whole
+    width: skeletor-calculate-percent(1,1)
+
+  // Halves -------------------------------------------
+  #{$class-type}#{$namespace}one-half
+    width: skeletor-calculate-percent(1,2)
+
+  // Thirds -------------------------------------------
+  #{$class-type}#{$namespace}one-third
+    width: skeletor-calculate-percent(1,3)
+
+  #{$class-type}#{$namespace}two-thirds
+    width: skeletor-calculate-percent(2,3)
+
+  // Quarters -----------------------------------------
+  #{$class-type}#{$namespace}one-quarter
+    width: skeletor-calculate-percent(1,4)
+
+  #{$class-type}#{$namespace}two-quarters
+    //width: skeletor-calculate-percent(2,4)
+    @extend #{$class-type}#{$namespace}one-half
+
+  #{$class-type}#{$namespace}three-quarters
+    width: skeletor-calculate-percent(3,4)
+
+  // Fifths -------------------------------------------
+  #{$class-type}#{$namespace}one-fifth
+    width: skeletor-calculate-percent(1,5)
+
+  #{$class-type}#{$namespace}two-fifths
+    width: skeletor-calculate-percent(2,5)
+
+  #{$class-type}#{$namespace}three-fifths
+    width: skeletor-calculate-percent(3,5)
+
+  #{$class-type}#{$namespace}four-fifths
+    width: skeletor-calculate-percent(4,5)
+
+  // Sixths -------------------------------------------
+  #{$class-type}#{$namespace}one-sixth
+    width: skeletor-calculate-percent(1,6)
+
+  #{$class-type}#{$namespace}two-sixths
+    //width: skeletor-calculate-percent(2,6)
+    @extend #{$class-type}#{$namespace}one-third
+
+  #{$class-type}#{$namespace}three-sixths
+    //width: skeletor-calculate-percent(3,6)
+    @extend #{$class-type}#{$namespace}one-half
+
+  #{$class-type}#{$namespace}four-sixths
+    //width: skeletor-calculate-percent(4,6)
+    @extend #{$class-type}#{$namespace}two-thirds
+
+  #{$class-type}#{$namespace}five-sixths
+    width: skeletor-calculate-percent(5,6)
+
+  // Sevenths -----------------------------------------
+  #{$class-type}#{$namespace}one-seventh
+    width: skeletor-calculate-percent(1,7)
+
+  #{$class-type}#{$namespace}two-sevenths
+    width: skeletor-calculate-percent(2,7)
+
+  #{$class-type}#{$namespace}three-sevenths
+    width: skeletor-calculate-percent(3,7)
+
+  #{$class-type}#{$namespace}four-sevenths
+    width: skeletor-calculate-percent(4,7)
+
+  #{$class-type}#{$namespace}five-sevenths
+    width: skeletor-calculate-percent(5,7)
+
+  #{$class-type}#{$namespace}six-sevenths
+    width: skeletor-calculate-percent(6,7)
+
+
+  // Eights -------------------------------------------
+  #{$class-type}#{$namespace}one-eighth
+    width: skeletor-calculate-percent(1,8)
+
+  #{$class-type}#{$namespace}two-eighths
+    //width: skeletor-calculate-percent(2,8)
+    @extend #{$class-type}#{$namespace}one-quarter
+
+  #{$class-type}#{$namespace}three-eighths
+    width: skeletor-calculate-percent(3,8)
+
+  #{$class-type}#{$namespace}four-eighths
+    //width: skeletor-calculate-percent(4,8)
+    @extend #{$class-type}#{$namespace}one-half
+
+  #{$class-type}#{$namespace}five-eighths
+    width: skeletor-calculate-percent(5,8)
+
+  #{$class-type}#{$namespace}six-eighths
+    //width: skeletor-calculate-percent(6,8)
+    @extend #{$class-type}#{$namespace}three-quarters
+
+  #{$class-type}#{$namespace}seven-eighths
+    width: skeletor-calculate-percent(7,8)
+
+  // Ninths -------------------------------------------
+  #{$class-type}#{$namespace}one-ninth
+    width: skeletor-calculate-percent(1,9)
+
+  #{$class-type}#{$namespace}two-ninths
+    width: skeletor-calculate-percent(2,9)
+
+  #{$class-type}#{$namespace}three-ninths
+    //width: skeletor-calculate-percent(3,9)
+    @extend #{$class-type}#{$namespace}one-third
+
+  #{$class-type}#{$namespace}four-ninths
+    width: skeletor-calculate-percent(4,9)
+
+  #{$class-type}#{$namespace}five-ninths
+    width: skeletor-calculate-percent(5,9)
+
+  #{$class-type}#{$namespace}six-ninths
+    //width: skeletor-calculate-percent(6,9)
+    @extend #{$class-type}#{$namespace}two-thirds
+
+  #{$class-type}#{$namespace}seven-ninths
+    width: skeletor-calculate-percent(7,9)
+
+  #{$class-type}#{$namespace}eight-ninths
+    width: skeletor-calculate-percent(8,9)
+
+
+  // Tenths -------------------------------------------
+  #{$class-type}#{$namespace}one-tenth
+    width: skeletor-calculate-percent(1,10)
+
+  #{$class-type}#{$namespace}two-tenths
+    //width: skeletor-calculate-percent(2,10)
+    @extend #{$class-type}#{$namespace}one-fifth
+
+  #{$class-type}#{$namespace}three-tenths
+    width: skeletor-calculate-percent(3,10)
+
+  #{$class-type}#{$namespace}four-tenths
+    //width: skeletor-calculate-percent(4,10)
+    @extend #{$class-type}#{$namespace}two-fifths
+
+  #{$class-type}#{$namespace}five-tenths
+    //width: skeletor-calculate-percent(5,10)
+    @extend #{$class-type}#{$namespace}one-half
+
+  #{$class-type}#{$namespace}six-tenths
+    //width: skeletor-calculate-percent(6,10)
+    @extend #{$class-type}#{$namespace}three-fifths
+
+  #{$class-type}#{$namespace}seven-tenths
+    width: skeletor-calculate-percent(7,10)
+
+  #{$class-type}#{$namespace}eight-tenths
+    //width: skeletor-calculate-percent(8,10)
+    @extend #{$class-type}#{$namespace}four-fifths
+
+  #{$class-type}#{$namespace}nine-tenths
+    width: skeletor-calculate-percent(9,10)
+
+  // Elevenths ----------------------------------------
+  #{$class-type}#{$namespace}one-eleventh
+    width: skeletor-calculate-percent(1,11)
+
+  #{$class-type}#{$namespace}two-elevenths
+    width: skeletor-calculate-percent(2,11)
+
+  #{$class-type}#{$namespace}three-elevenths
+    width: skeletor-calculate-percent(3,11)
+
+  #{$class-type}#{$namespace}four-elevenths
+    width: skeletor-calculate-percent(4,11)
+
+  #{$class-type}#{$namespace}five-elevenths
+    width: skeletor-calculate-percent(5,11)
+
+  #{$class-type}#{$namespace}six-elevenths
+    width: skeletor-calculate-percent(6,11)
+
+  #{$class-type}#{$namespace}seven-elevenths
+    width: skeletor-calculate-percent(7,11)
+
+  #{$class-type}#{$namespace}eight-elevenths
+    width: skeletor-calculate-percent(8,11)
+
+  #{$class-type}#{$namespace}nine-elevenths
+    width: skeletor-calculate-percent(9,11)
+
+  #{$class-type}#{$namespace}ten-elevenths
+    width: skeletor-calculate-percent(10,11)
+
+
+  // Twelths ------------------------------------------
+  #{$class-type}#{$namespace}one-twelfth
+    width: skeletor-calculate-percent(1,12)
+
+  #{$class-type}#{$namespace}two-twelfths
+    //width: skeletor-calculate-percent(2,12)
+    @extend #{$class-type}#{$namespace}one-sixth
+
+  #{$class-type}#{$namespace}three-twelfths
+    //width: skeletor-calculate-percent(3,12)
+    @extend #{$class-type}#{$namespace}one-quarter
+
+  #{$class-type}#{$namespace}four-twelfths
+    //width: skeletor-calculate-percent(4,12)
+    @extend #{$class-type}#{$namespace}one-third
+
+  #{$class-type}#{$namespace}five-twelfths
+    width: skeletor-calculate-percent(5,12)
+
+  #{$class-type}#{$namespace}six-twelfths
+    //width: skeletor-calculate-percent(6,12)
+    @extend #{$class-type}#{$namespace}one-half
+
+  #{$class-type}#{$namespace}seven-twelfths
+    width: skeletor-calculate-percent(7,12)
+
+  #{$class-type}#{$namespace}eight-twelfths
+    //width: skeletor-calculate-percent(8,12)
+    @extend #{$class-type}#{$namespace}two-thirds
+
+  #{$class-type}#{$namespace}nine-twelfths
+    //width: skeletor-calculate-percent(9,12)
+    @extend #{$class-type}#{$namespace}three-quarters
+
+  #{$class-type}#{$namespace}ten-twelfths
+    //width: skeletor-calculate-percent(10,12)
+    @extend #{$class-type}#{$namespace}five-sixths
+
+  #{$class-type}#{$namespace}eleven-twelfths
+    width: skeletor-calculate-percent(11,12)
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for grid width mixin
+// -----------------------------------------------------------------------------
+=s-grid-widths($type: "%", $namespace: "")
+  +skeletor-grid-widths($type, $namespace)
+
+=s-gw($type: "%", $namespace: "")
+  +skeletor-grid-widths($type, $namespace)
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =grid-widths($type: "%", $namespace: "")
+//     +skeletor-grid-widths($type, $namespace)