comixins 0.1.1 → 0.1.2

data/vendor/assets/stylesheets/animation/animate/rotating/_rotating-entrances.scss

@@ -0,0 +1,58 @@
+// ---------------------------------------------------------------------------
+@include keyframes(rotateIn) {
+  0% {
+    @include transform-origin(center center);
+    @include rotate(-200deg);
+    opacity: 0; }
+  100% {
+    @include transform-origin(center center);
+    @include rotate(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(rotateInDownLeft) {
+  0% {
+    @include transform-origin(left bottom);
+    @include rotate(-90deg);
+    opacity: 0; }
+  100% {
+    @include transform-origin(left bottom);
+    @include rotate(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(rotateInUpLeft) {
+  0% {
+    @include transform-origin(left bottom);
+    @include rotate(90deg);
+    opacity: 0; }
+  100% {
+    @include transform-origin(left bottom);
+    @include rotate(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(rotateInUpRight) {
+  0% {
+    @include transform-origin(right bottom);
+    @include rotate(-90deg);
+    opacity: 0; }
+  100% {
+    @include transform-origin(right bottom);
+    @include rotate(0);
+    opacity: 1; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(rotateInDownRight) {
+  0% {
+    @include transform-origin(right bottom);
+    @include rotate(90deg);
+    opacity: 0; }
+  100% {
+    @include transform-origin(right bottom);
+    @include rotate(0);
+    opacity: 1; } }

data/vendor/assets/stylesheets/animation/animate/rotating/_rotating-exits.scss

@@ -0,0 +1,58 @@
+// ---------------------------------------------------------------------------
+@include keyframes(rotateOut) {
+  0% {
+    @include transform-origin(center center);
+    @include rotate(0);
+    opacity: 1; }
+  100% {
+    @include transform-origin(center center);
+    @include rotate(200deg);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(rotateOutDownLeft) {
+  0% {
+    @include transform-origin(left bottom);
+    @include rotate(0);
+    opacity: 1; }
+  100% {
+    @include transform-origin(left bottom);
+    @include rotate(90deg);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(rotateOutUpLeft) {
+  0% {
+    @include transform-origin(left bottom);
+    @include rotate(0);
+    opacity: 1; }
+  100% {
+    @include transform-origin(left bottom);
+    @include rotate(-90deg);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(rotateOutDownRight) {
+  0% {
+    @include transform-origin(right bottom);
+    @include rotate(0);
+    opacity: 1; }
+  100% {
+    @include transform-origin(right bottom);
+    @include rotate(-90deg);
+    opacity: 0; } }
+
+
+// ---------------------------------------------------------------------------
+@include keyframes(rotateOutUpRight) {
+  0% {
+    @include transform-origin(right bottom);
+    @include rotate(0);
+    opacity: 1; }
+  100% {
+    @include transform-origin(right bottom);
+    @include rotate(90deg);
+    opacity: 0; } }

data/vendor/assets/stylesheets/comixins.scss

@@ -0,0 +1 @@
+@import 'compass';

data/vendor/assets/stylesheets/compass/_css3.scss

@@ -0,0 +1,22 @@
+@import "css3/border-radius";
+@import "css3/inline-block";
+@import "css3/opacity";
+@import "css3/box-shadow";
+@import "css3/text-shadow";
+@import "css3/columns";
+@import "css3/box-sizing";
+@import "css3/box";
+@import "css3/images";
+@import "css3/background-clip";
+@import "css3/background-origin";
+@import "css3/background-size";
+@import "css3/font-face";
+@import "css3/transform";
+@import "css3/transition";
+@import "css3/appearance";
+@import "css3/regions";
+@import "css3/hyphenation";
+@import "css3/filter";
+@import "css3/pie";
+@import "css3/user-interface";
+@import "css3/flexbox";

data/vendor/assets/stylesheets/compass/_functions.scss

@@ -0,0 +1,6 @@
+@import "functions/lists";
+@import "functions/cross_browser_support";
+@import "functions/gradient_support";
+@import "functions/constants";
+@import "functions/display";
+@import "functions/colors";

data/vendor/assets/stylesheets/compass/_layout.scss

@@ -0,0 +1,3 @@
+@import "layout/grid-background";
+@import "layout/sticky-footer";
+@import "layout/stretching";

data/vendor/assets/stylesheets/compass/_reset-legacy.scss

@@ -0,0 +1,3 @@
+@import "reset/utilities-legacy";
+
+@include global-reset;

data/vendor/assets/stylesheets/compass/_reset.scss

@@ -0,0 +1,3 @@
+@import "reset/utilities";
+
+@include global-reset;

data/vendor/assets/stylesheets/compass/_support.scss

@@ -0,0 +1,40 @@
+// Usually compass hacks apply to both ie6 & 7 -- set this to false to disable support for both.
+$legacy-support-for-ie: true !default;
+
+// Setting this to false will result in smaller output, but no support for ie6 hacks
+$legacy-support-for-ie6: $legacy-support-for-ie !default;
+
+// Setting this to false will result in smaller output, but no support for ie7 hacks
+$legacy-support-for-ie7: $legacy-support-for-ie !default;
+
+// Setting this to false will result in smaller output, but no support for legacy ie8 hacks
+$legacy-support-for-ie8: $legacy-support-for-ie !default;
+
+// @private
+// The user can simply set $legacy-support-for-ie and 6, 7, and 8 will be set accordingly,
+// But in case the user set each of those explicitly, we need to sync the value of
+// this combined variable.
+$legacy-support-for-ie: $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8;
+
+// Whether to output legacy support for mozilla.
+// Usually this means hacks to support Firefox 3.6 or earlier.
+$legacy-support-for-mozilla: true;
+
+// Support for mozilla in experimental css3 properties (-moz).
+$experimental-support-for-mozilla      : true !default;
+// Support for webkit in experimental css3 properties (-webkit).
+$experimental-support-for-webkit       : true !default;
+// Support for webkit's original (non-standard) gradient syntax.
+$support-for-original-webkit-gradients : true !default;
+// Support for opera in experimental css3 properties (-o).
+$experimental-support-for-opera        : true !default;
+// Support for microsoft in experimental css3 properties (-ms).
+$experimental-support-for-microsoft    : true !default;
+// Support for khtml in experimental css3 properties (-khtml).
+$experimental-support-for-khtml        : false !default;
+// Support for svg in experimental css3 properties.
+// Setting this to true might add significant size to your
+// generated stylesheets.
+$experimental-support-for-svg          : false !default;
+// Support for CSS PIE in experimental css3 properties (-pie).
+$experimental-support-for-pie          : false !default;

data/vendor/assets/stylesheets/compass/_typography.scss

@@ -0,0 +1,4 @@
+@import "typography/links";
+@import "typography/lists";
+@import "typography/text";
+@import "typography/vertical_rhythm";

data/vendor/assets/stylesheets/compass/_utilities.scss

@@ -0,0 +1,9 @@
+@import "utilities/color";
+@import "utilities/general";
+@import "utilities/sprites";
+@import "utilities/tables";
+
+// deprecated
+@import "typography/links";
+@import "typography/lists";
+@import "typography/text";

data/vendor/assets/stylesheets/compass/css3/_animation.scss

@@ -0,0 +1,2 @@
+// Core imported by default. You can also import 'animate' for predefined animations.
+@import "animation/core";

data/vendor/assets/stylesheets/compass/css3/_appearance.scss

@@ -0,0 +1,16 @@
+@import "shared";
+
+// Change the appearance for Mozilla, Webkit and possibly the future.
+// The appearance property is currently not present in any newer CSS specification.
+//
+// There is no official list of accepted values, but you might check these source:
+//   Mozilla : https://developer.mozilla.org/en/CSS/-moz-appearance
+//   Webkit  : http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365
+//   (search for 'appearance' within the page)
+
+@mixin appearance($ap) {
+  $ap: unquote($ap);
+  @include experimental(appearance, $ap,
+    -moz, -webkit, not(-o), not(-ms), not(-khtml), official
+  );
+}

data/vendor/assets/stylesheets/compass/css3/_background-clip.scss

@@ -0,0 +1,43 @@
+@import "shared";
+
+// The default value is `padding-box` -- the box model used by modern browsers.
+//
+// If you wish to do so, you can override the default constant with `border-box`
+//
+// To override to the default border-box model, use this code:
+//     $default-background-clip: border-box
+
+$default-background-clip: padding-box !default;
+
+// Clip the background (image and color) at the edge of the padding or border.
+//
+// Legal Values:
+//
+//   * padding-box
+//   * border-box
+//   * text
+
+@mixin background-clip($clip: $default-background-clip) {
+  // webkit and mozilla use the deprecated short [border | padding]
+  $clip: unquote($clip);
+  $deprecated: $clip;
+  @if $clip == padding-box { $deprecated: padding; }
+  @if $clip == border-box { $deprecated: border; }
+  // Support for webkit and mozilla's use of the deprecated short form
+  @include experimental(background-clip, $deprecated,
+    -moz,
+    -webkit,
+    not(-o),
+    not(-ms),
+    not(-khtml),
+    not official
+  );
+  @include experimental(background-clip, $clip,
+    not(-moz),
+    not(-webkit),
+    not(-o),
+    not(-ms),
+    -khtml,
+    official
+  );
+}

data/vendor/assets/stylesheets/compass/css3/_background-origin.scss

@@ -0,0 +1,42 @@
+// Override `$default-background-origin` to change the default.
+
+@import "shared";
+
+$default-background-origin: content-box !default;
+
+// Position the background off the edge of the padding, border or content
+//
+// * Possible values:
+//   * `padding-box`
+//   * `border-box`
+//   * `content-box`
+// * browser defaults to `padding-box`
+// * mixin defaults to `content-box`
+
+
+@mixin background-origin($origin: $default-background-origin) {
+  $origin: unquote($origin);
+  // webkit and mozilla use the deprecated short [border | padding | content]
+  $deprecated: $origin;
+  @if $origin == padding-box { $deprecated: padding; }
+  @if $origin == border-box  { $deprecated: border;  }
+  @if $origin == content-box { $deprecated: content; }
+
+  // Support for webkit and mozilla's use of the deprecated short form
+  @include experimental(background-origin, $deprecated,
+    -moz,
+    -webkit,
+    not(-o),
+    not(-ms),
+    not(-khtml),
+    not official
+  );
+  @include experimental(background-origin, $origin,
+    not(-moz),
+    not(-webkit),
+    -o,
+    -ms,
+    -khtml,
+    official
+  );
+}

data/vendor/assets/stylesheets/compass/css3/_background-size.scss

@@ -0,0 +1,26 @@
+@import "shared";
+
+//  override to change the default
+$default-background-size: 100% auto !default;
+
+// Set the size of background images using px, width and height, or percentages.
+// Currently supported in: Opera, Gecko, Webkit.
+//
+// * percentages are relative to the background-origin (default = padding-box)
+// * mixin defaults to: `$default-background-size`
+@mixin background-size(
+  $size-1: $default-background-size,
+  $size-2: false,
+  $size-3: false,
+  $size-4: false,
+  $size-5: false,
+  $size-6: false,
+  $size-7: false,
+  $size-8: false,
+  $size-9: false,
+  $size-10: false
+) {
+  $size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
+  $sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
+  @include experimental(background-size, $sizes, -moz, -webkit, -o, not(-ms), not(-khtml));
+}

data/vendor/assets/stylesheets/compass/css3/_border-radius.scss

@@ -0,0 +1,130 @@
+@import "shared";
+
+$default-border-radius: 5px !default;
+
+// Round all corners by a specific amount, defaults to value of `$default-border-radius`.
+//
+// When two values are passed, the first is the horizontal radius
+// and the second is the vertical radius.
+//
+// Note: webkit does not support shorthand syntax for several corners at once.
+// So in the case where you pass several values only the first will be passed to webkit.
+//
+// Examples:
+//
+//     .simple   { @include border-radius(4px, 4px); }
+//     .compound { @include border-radius(2px 5px, 3px 6px); }
+//     .crazy    { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
+//
+// Which generates:
+//
+//    .simple {
+//      -webkit-border-radius: 4px 4px;
+//      -moz-border-radius: 4px / 4px;
+//      -khtml-border-radius: 4px / 4px;
+//      border-radius: 4px / 4px; }
+//    
+//    .compound {
+//      -webkit-border-radius: 2px 3px;
+//      -moz-border-radius: 2px 5px / 3px 6px;
+//      -khtml-border-radius: 2px 5px / 3px 6px;
+//      border-radius: 2px 5px / 3px 6px; }
+//    
+//    .crazy {
+//      -webkit-border-radius: 1px 2px;
+//      -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+//      -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+//      border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
+
+@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
+
+  @if $vertical-radius {
+    // Webkit doesn't understand the official shorthand syntax for specifying
+    // a vertical radius unless so in case there's several we only take the first.
+    @include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
+      not(-moz),
+      -webkit,
+      not(-o),
+      not(-ms),
+      not(-khtml),
+      not(official)
+    );
+    @include experimental("border-radius", $radius unquote("/") $vertical-radius,
+      -moz,
+      not(-webkit),
+      not(-o),
+      not(-ms),
+      -khtml,
+      official
+    );
+  }
+  @else {
+    @include experimental(border-radius, $radius);
+  }
+}
+
+// Round radius at position by amount.
+//
+// * legal values for `$vert`: `top`, `bottom`
+// * legal values for `$horz`: `left`, `right`
+
+@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
+  // Support for mozilla's syntax for specifying a corner
+  @include experimental("border-radius-#{$vert}#{$horz}", $radius,
+    -moz,
+    not(-webkit),
+    not(-o),
+    not(-ms),
+    not(-khtml),
+    not(official)
+  );
+  @include experimental("border-#{$vert}-#{$horz}-radius", $radius,
+    not(-moz),
+    -webkit,
+    not(-o),
+    not(-ms),
+    -khtml,
+    official
+  );
+  
+}
+
+// Round top-left corner only
+
+@mixin border-top-left-radius($radius: $default-border-radius) {
+  @include border-corner-radius(top, left, $radius); }
+
+// Round top-right corner only
+
+@mixin border-top-right-radius($radius: $default-border-radius) {
+  @include border-corner-radius(top, right, $radius); }
+
+// Round bottom-left corner only
+
+@mixin border-bottom-left-radius($radius: $default-border-radius) {
+  @include border-corner-radius(bottom, left, $radius); }
+
+// Round bottom-right corner only
+
+@mixin border-bottom-right-radius($radius: $default-border-radius) {
+  @include border-corner-radius(bottom, right, $radius); }
+
+// Round both top corners by amount
+@mixin border-top-radius($radius: $default-border-radius) {
+  @include border-top-left-radius($radius);
+  @include border-top-right-radius($radius); }
+
+// Round both right corners by amount
+@mixin border-right-radius($radius: $default-border-radius) {
+  @include border-top-right-radius($radius);
+  @include border-bottom-right-radius($radius); }
+
+// Round both bottom corners by amount
+@mixin border-bottom-radius($radius: $default-border-radius) {
+  @include border-bottom-left-radius($radius);
+  @include border-bottom-right-radius($radius); }
+
+// Round both left corners by amount
+@mixin border-left-radius($radius: $default-border-radius) {
+  @include border-top-left-radius($radius);
+  @include border-bottom-left-radius($radius); }