skeletor_backbone 0.0.3

data/app/assets/stylesheets/skeletor/globals/functions/_calculate_percent.sass

@@ -0,0 +1,42 @@
+// =============================================================================
+//  Calculate Percent
+//
+//  This function is used to return the calculated results of the percent based
+//  on the provided pixel values.
+//
+// Available as:
+//    skeletor-calculate-percent()
+//    s-calculate-percent()
+//    s-cp()
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Calculate Percent
+// -----------------------------------------------------------------------------
+@function skeletor-calculate-percent($target, $context: $base-font-size)
+  $target: skeletor-strip-units($target)
+  $context: skeletor-strip-units($context)
+  //@return ($target / $context) * 100%
+  @return percentage(($target / $context))
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for calculate percent function
+// -----------------------------------------------------------------------------
+@function s-calculate-percent($target, $context: $base-font-size)
+  @return skeletor-calculate-percent($target, $context)
+
+@function s-cp($target, $context: $base-font-size)
+  @return skeletor-calculate-percent($target, $context)
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter function names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   @function calculate-percent($target, $context: $base-font-size)
+//     @return skeletor-calculate-percent($target, $context)

data/app/assets/stylesheets/skeletor/globals/functions/_calculate_rem.sass

@@ -0,0 +1,42 @@
+// =============================================================================
+//  Calculate REM
+//
+//  This function is used to return the calculated results of REM based on the
+//  provided pixel values.
+//
+// Available as:
+//    skeletor-calculate-rem()
+//    s-calculate-rem()
+//    s-cr()
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Calculate REM
+// -----------------------------------------------------------------------------
+@function skeletor-calculate-rem($target, $context: $base-font-size)
+  $target: skeletor-strip-units($target)
+  $context: skeletor-strip-units($context)
+
+  @return ($target / $context) * 1rem
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for calculate rem function
+// -----------------------------------------------------------------------------
+@function s-calculate-rem($target, $context: $base-font-size)
+  @return skeletor-calculate-rem($target, $context)
+
+@function s-cr($target, $context: $base-font-size)
+  @return skeletor-calculate-rem($target, $context)
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter function names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   @function calculate-rem($target, $context: $base-font-size)
+//     @return skeletor-calculate-rem($target, $context)

data/app/assets/stylesheets/skeletor/globals/functions/_strip_units.sass

@@ -0,0 +1,38 @@
+// =============================================================================
+//  Strip Units
+//
+//  This function is used to strip the 'units' from a value.  e.g. 12px -> 12
+//
+// Available as:
+//    skeletor-strip-units()
+//    s-strip-units()
+//    s-su()
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Strip Units
+// -----------------------------------------------------------------------------
+@function skeletor-strip-units($val)
+  @return ($val / ($val * 0 + 1))
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for strip units function
+// -----------------------------------------------------------------------------
+@function s-strip-units($val)
+  @return skeletor-strip-units($val)
+
+@function s-su($val)
+  @return skeletor-strip-units($val)
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter function names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   @function strip-units($val)
+//     @return skeletor-strip-units($val)

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

@@ -0,0 +1,49 @@
+// =============================================================================
+//  Accessibility
+//
+//  The accessibility mixin will visually hide content.  It will hide content
+//  off-screen without resorting to `display:none;`, also provide breakpoint
+//  specific hidden elements.
+//
+//  Available As:
+//    +skeletor-accessibility()
+//    +s-accessibility()
+//    +s-access()
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Accessibility
+// -----------------------------------------------------------------------------
+
+=skeletor-accessibility
+  border: 0 !important
+  clip: rect(0 0 0 0) !important
+  height: 1px !important
+  margin: -1px !important
+  overflow: hidden !important
+  padding: 0 !important
+  position: absolute !important
+  width: 1px !important
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for accessibility mixin
+// -----------------------------------------------------------------------------
+=s-accessibility
+  +skeletor-accessibility
+
+=s-access
+  +skeletor-accessibility
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =accessibility
+//     +skeletor-accessibility

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

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