skeletor_backbone 0.0.3

data/app/assets/stylesheets/skeletor/globals/css3/_backface_visibility.sass

@@ -0,0 +1,36 @@
+// =============================================================================
+//  Backface Visibility
+//
+//  The backface visibility property relates to 3d transforms.  With 3d
+//  transforms, you can manage to rotate an element so what we think of as the
+//  'front' of an element no longer faces the screen.
+//
+//  http://www.w3.org/TR/css3-3d-transforms/#backface-visibility-property
+//  http://css-tricks.com/almanac/properties/b/backface-visibility/
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Appearance
+// -----------------------------------------------------------------------------
+=skeletor-backface-visibility($args)
+  +skeletor-prefixer(backface-visibility, unquote($args))
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for backspace visibility classes
+// -----------------------------------------------------------------------------
+=s-backface-visibility($args)
+  +skeletor-backface-visibility($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =backface-visibility($args)
+//     +skeletor-backface-visibility($args)

data/app/assets/stylesheets/skeletor/globals/css3/_border_radius.sass

@@ -0,0 +1,75 @@
+// =============================================================================
+//  Border Radius
+//
+//  The border-radius property is used for 'rounding corners' of elements.
+//
+//  http://www.w3.org/TR/css3-background/#border-radius
+//  http://css-tricks.com/almanac/properties/b/border-radius/
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Border Radius
+// -----------------------------------------------------------------------------
+=skeletor-border-radius($args)
+  +skeletor-prefixer(border-radius, unquote($args))
+
+// Shorthand Border radius mixins
+=skeletor-border-top-radius($args)
+  +skeletor-prefixer(border-top-left-radius, unquote($args))
+  +skeletor-prefixer(border-top-right-radius, unquote($args))
+
+=skeletor-border-bottom-radius($args)
+  +skeletor-prefixer(border-bottom-left-radius, unquote($args))
+  +skeletor-prefixer(border-bottom-right-radius, unquote($args))
+
+=skeletor-border-left-radius($args)
+  +skeletor-prefixer(border-top-left-radius, unquote($args))
+  +skeletor-prefixer(border-bottom-left-radius, unquote($args))
+
+=skeletor-border-right-radius($args)
+  +skeletor-prefixer(border-top-right-radius, unquote($args))
+  +skeletor-prefixer(border-bottom-right-radius, unquote($args))
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for border-radius classes
+// -----------------------------------------------------------------------------
+=s-border-radius($args)
+  +skeletor-border-radius($args)
+
+=s-border-top-radius($args)
+  +skeletor-border-top-radius($args)
+
+=s-border-bottom-radius($args)
+  +skeletor-border-bottom-radius($args)
+
+=s-border-left-radius($args)
+  +skeletor-border-left-radius($args)
+
+=s-border-right-radius($args)
+  +skeletor-border-right-radius($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =border-radius($args)
+//     +skeletor-border-radius($args)
+
+//   =border-top-radius($args)
+//     +skeletor-border-top-radius($args)
+
+//   =border-bottom-radius($args)
+//     +skeletor-border-bottom-radius($args)
+
+//   =border-left-radius($args)
+//     +skeletor-border-left-radius($args)
+
+//   =border-right-radius($args)
+//     +skeletor-border-right-radius($args)

data/app/assets/stylesheets/skeletor/globals/css3/_box_shadow.sass

@@ -0,0 +1,38 @@
+// =============================================================================
+//  Box Shadow
+//
+//  The box-shadow property is used to cast a shadow off block-level elements.
+//
+//  Available As:
+//    +skeletor-box-shadow()
+//    +s-box-shadow()
+//
+//  http://www.w3.org/TR/css3-background/#box-shadow
+//  http://css-tricks.com/snippets/css/css-box-shadow/
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Shadow
+// -----------------------------------------------------------------------------
+=skeletor-box-shadow($args...)
+  +skeletor-prefixer(box-shadow, unquote($args))
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for box-shadow classes
+// -----------------------------------------------------------------------------
+=s-box-shadow($args...)
+  +skeletor-box-shadow($args...)
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =box-shadow($args...)
+//     +skeletor-box-shadow($args...)

data/app/assets/stylesheets/skeletor/globals/css3/_box_sizing.sass

@@ -0,0 +1,40 @@
+// =============================================================================
+//  Box Sizing Mixins
+//
+//  The box-sizing property is used to alter the default CSS box model used to
+//  calculate widths and heights of elements.
+//
+//  Available As:
+//    +skeletor-box-sizing()
+//    +s-box-sizing()
+//
+//  https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
+//  http://html5please.com/#box-sizing
+//  http://css-tricks.com/box-sizing/
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Sizing
+// -----------------------------------------------------------------------------
+=skeletor-box-sizing($args)
+  +skeletor-prefixer(box-sizing, unquote($args))
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for box-sizing classes
+// -----------------------------------------------------------------------------
+=s-box-sizing($args)
+  +skeletor-box-sizing($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =box-sizing($args)
+//     +skeletor-box-sizing($args)

data/app/assets/stylesheets/skeletor/globals/css3/_flexbox.sass

@@ -0,0 +1,179 @@
+// =============================================================================
+//  Flex Box Mixins
+//
+//  The flexbox module aims at providing a more efficient way to lay out, align
+//  and distribute space among items in a container, even when size is unknown.
+//
+//  https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
+//  http://html5please.com/#flexbox
+//  http://css-tricks.com/snippets/css/a-guide-to-flexbox/
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Shorthand notation for flexbox
+// -----------------------------------------------------------------------------
+=skeletor-box($orient: inline-axis, $pack: start, $align: stretch)
+  +skeletor-display-box
+  +skeletor-box-orient($orient)
+  +skeletor-box-pack($pack)
+  +skeletor-box-align($align)
+
+
+
+// -----------------------------------------------------------------------------
+//  Display Box
+// -----------------------------------------------------------------------------
+=skeletor-display-box
+  +skeletor-prefixer-value(display, box)
+  display: -ms-flexbox
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Orient
+// -----------------------------------------------------------------------------
+=skeletor-box-orient($args)
+  +skeletor-prefixer(box-orient, unquote($args))
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Pack
+// -----------------------------------------------------------------------------
+=skeletor-box-pack($args)
+  +skeletor-prefixer(box-pack, unquote($args))
+  -ms-flex-pack: unquote($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Align
+// -----------------------------------------------------------------------------
+=skeletor-box-align($args)
+  +skeletor-prefixer(box-align, unquote($args))
+  -ms-flex-align: unquote($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Direction
+// -----------------------------------------------------------------------------
+=skeletor-box-direction($args)
+  +skeletor-prefixer(box-direction, unquote($args))
+  -ms-flex-direction: unquote($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Lines
+// -----------------------------------------------------------------------------
+=skeletor-box-lines($args)
+  +skeletor-prefixer(box-lines, unquote($args))
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Ordinal Group
+// -----------------------------------------------------------------------------
+=skeletor-box-ordinal-group($args)
+  +skeletor-prefixer(box-ordinal-group, unquote($args))
+  -ms-flex-order: unquote($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Flex
+// -----------------------------------------------------------------------------
+=skeletor-box-flex($args)
+  +skeletor-prefixer(box-flex, unquote($args))
+  -ms-flex: unquote($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  Box Flex Group
+// -----------------------------------------------------------------------------
+=skeletor-box-flex-group($args)
+  +skeletor-prefixer(box-flex-group, $args)
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for flex box classes
+// -----------------------------------------------------------------------------
+=s-box($orient: inline-axis, $pack: start, $align: stretch)
+  +skeletor-box($orient, $pack, $align)
+
+=s-display-box
+  +skeletor-display-box
+
+=s-box-orient($args)
+  +skeletor-box-orient($args)
+
+=s-box-pack($args)
+  +skeletor-box-pack($args)
+
+=s-box-align($args)
+  +skeletor-box-align($args)
+
+=s-box-direction($args)
+  +skeletor-box-direction($args)
+
+=s-box-lines($args)
+  +skeletor-box-lines($args)
+
+=s-box-ordinal-group($args)
+  +skeletor-box-ordinal-group($args)
+
+=s-box-flex($args)
+  +skeletor-box-flex($args)
+
+=s-box-flex-group($args)
+  +skeletor-box-flex-group($args)
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =box($orient: inline-axis, $pack: start, $align: stretch)
+//     +skeletor-box($orient, $pack, $align)
+
+//   // Display Box
+//   =display-box
+//     +skeletor-display-box
+
+//   // Box Orient
+//   =box-orient($args)
+//     +skeletor-box-orient($args)
+
+//   // Box Pack
+//   =box-pack($args)
+//     +skeletor-box-pack($args)
+
+//   // Box Align
+//   =box-align($args)
+//     +skeletor-box-align($args)
+
+//   // Box Direction
+//   =box-direction($args)
+//     +skeletor-box-direction($args)
+
+//   // Box Lines
+//   =box-lines($args)
+//     +skeletor-box-lines($args)
+
+//   // Box Ordinal Group
+//   =box-ordinal-group($args)
+//     +skeletor-box-ordinal-group($args)
+
+//   // Box Flex
+//   =box-flex($args)
+//     +skeletor-box-flex($args)
+
+//   // Box Flex Group
+//   =box-flex-group($args)
+//     +skeletor-box-flex-group($args)

data/app/assets/stylesheets/skeletor/globals/css3/_gradients.sass

@@ -0,0 +1,54 @@
+// =============================================================================
+//  Gradients
+//
+//  The gradient properties let you display smooth transitions between two or
+//  more specified colors.
+//
+//  http://dev.w3.org/csswg/css3-images/#linear-gradients
+//  http://dev.w3.org/csswg/css3-images/#radial-gradients
+//  http://css-tricks.com/css3-gradients/
+//
+//  Example:
+//    +linear-gradient("top, #FFF 0%, #000 100%")
+//    +radial-gradient("50% 50%, circle, #fff 0%, #000 100%")
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Linear Gradients
+// -----------------------------------------------------------------------------
+=skeletor-linear-gradient($args)
+  +skeletor-prefixer-value(background-image, linear-gradient(unquote($args)))
+
+
+
+// -----------------------------------------------------------------------------
+//  Radial Gradients
+// -----------------------------------------------------------------------------
+=skeletor-radial-gradient($args)
+  +skeletor-prefixer-value(background-image, radial-gradient(unquote($args)))
+
+
+
+// -----------------------------------------------------------------------------
+//  Alias for gradient classes
+// -----------------------------------------------------------------------------
+=s-linear-gradient($args)
+  +skeletor-linear-gradient($args)
+
+=s-radial-gradient($args)
+  +skeletor-radial-gradient($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =linear-gradient($args)
+//     +skeletor-linear-gradient($args)
+
+//   =radial-gradient($args)
+//     +skeletor-radial-gradient($args)

data/app/assets/stylesheets/skeletor/globals/css3/_hyphens.sass

@@ -0,0 +1,38 @@
+// =============================================================================
+//  Hyphens Mixin
+//
+//  The hyphens property controls hyphenation of text in block level elements.
+//
+//  Available As:
+//    +skeletor-hyphens()
+//    +s-hyphens()
+//
+//  https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
+//  http://css-tricks.com/almanac/properties/h/hyphenate/
+//
+// =============================================================================
+
+
+
+// -----------------------------------------------------------------------------
+//  Display Box
+// -----------------------------------------------------------------------------
+=skeletor-hyphens($args)
+  +skeletor-prefixer(hyphens, unquote($args))
+
+
+
+// -----------------------------------------------------------------------------
+//  Display Box
+// -----------------------------------------------------------------------------
+=s-hyphens($args)
+  +skeletor-hyphens($args)
+
+
+
+// -----------------------------------------------------------------------------
+//  If no-conflict set to allow shorter mixin names
+// -----------------------------------------------------------------------------
+// @if $no-conflict
+//   =hyphens($args)
+//     +skeletor-hyphens($args)