saffron 0.2.0

data/saffron/in-place/_enlarge.scss

@@ -0,0 +1,7 @@
+@mixin enlarge($selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(1.000, -0.600, 0.595, 0.835)) {
+  @include transition(all $duration $delay $timing);
+  @include transform(translateY(0) scale(1) translateZ(0));
+  &#{$selector} {
+    @include transform(translateY($enlarge-contract-jump * -1) scale($enlarge-contract-multiple));
+  }
+}

data/saffron/in-place/_expand.scss

@@ -0,0 +1,6 @@
+@mixin expand($direction, $amount: 1em, $selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(0.680, -0.550, 0.275, 1.465)) {
+  @include transition(padding-#{$direction} $duration $delay $timing);
+  &#{$selector} {
+    padding-#{$direction}: $amount;
+  }
+}

data/saffron/in-place/_flip.scss

@@ -0,0 +1,19 @@
+@mixin flip($selector: ".flipped", $duration: 0.5s, $delay: 0s, $fill-mode: both, $count: 1, $timing: ease-in) {
+  position: relative;
+  @include prefix(transform-style, preserve-3d, webkit spec);
+  @include transition(all $duration $delay $timing);
+  @include prefix(backface-visibility, hidden, webkit moz spec);
+  &#{$selector} {
+    @include transform(rotateY(180deg)translateZ(0));
+  }
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    @include prefix(backface-visibility, inherit, webkit moz spec);
+    @include transform(rotateY(180deg));
+  }
+}
+

data/saffron/in-place/_float.scss

@@ -0,0 +1,17 @@
+@include keyframes(float) {
+  0%, 50%, 100% {
+    @include transform(translateY($float-bob-distance * -1) translateZ(0));
+  }
+  25% {
+    @include transform(translateY($float-bob-distance) rotate($float-bob-angle));
+  }
+  75% {
+    @include transform(translateY($float-bob-distance) rotate($float-bob-angle * -1));
+  }
+}
+
+@mixin float($duration: 5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
+  // hack to fix jagged edges
+  outline: 1px solid transparent;
+  @include animation(float $count $duration $delay $fill-mode $timing);
+}

data/saffron/in-place/_ping.scss

@@ -0,0 +1,13 @@
+@include keyframes(ping) {
+  0% {
+    @include transform(scale(0));
+  }
+  100% {
+    @include transform(scale(1));
+    opacity: 0;
+  }
+}
+
+@mixin ping($duration: 1.5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
+  @include animation(ping $count $duration $delay $fill-mode $timing);
+}

data/saffron/in-place/_pulsate.scss

@@ -0,0 +1,14 @@
+@include keyframes(pulsate) {
+  0%, 100% {
+    opacity: 1;
+    @include transform(scale(1) translateZ(0));
+  }
+  50% {
+    opacity: 0.85;
+    @include transform(scale($pulsate-scale));
+  }
+}
+
+@mixin pulsate($duration: 1.5s, $delay: 0s, $fill-mode: none, $count: 3) {
+  @include animation(pulsate $count $duration $delay $fill-mode);
+}

data/saffron/in-place/_quiver.scss

@@ -0,0 +1,42 @@
+@include keyframes(quiver) {
+  0%{
+    @include transform(translate3d(2px, 1px, 0) rotate(0deg));
+  }
+  10% {
+    @include transform(translate3d(-1px, 2px, 0) rotate($quiver-angle));
+  }
+  20% {
+    @include transform(translate3d(-3px, 0) rotate($quiver-angle * -1));
+  }
+  30% {
+    @include transform(translate3d(0, 2px, 0) rotate(0deg));
+  }
+  40% {
+    @include transform(translate3d(1px, -1px, 0) rotate($quiver-angle));
+  }
+  50% {
+    @include transform(translate3d(-1px, 2px, 0) rotate($quiver-angle * -1));
+  }
+  60% {
+    @include transform(translate3d(-3px, 1px, 0) rotate(0deg));
+  }
+  70% {
+    @include transform(translate3d(2px, 1px, 0) rotate($quiver-angle));
+  }
+  80% {
+    @include transform(translate3d(-1px, -1px, 0) rotate($quiver-angle * -1));
+  }
+  90% {
+    @include transform(translate3d(2px, 2px, 0) rotate(0deg));
+  }
+  100% {
+    @include transform(translate3d(1px, -2px, 0) rotate($quiver-angle));
+  }
+
+}
+
+@mixin quiver($duration: 0.75s, $delay: 0s, $fill-mode: none, $count: infinite) {
+  // hack to fix jagged edges
+  outline: 1px solid transparent;
+  @include animation(quiver $duration $delay $fill-mode $count);
+}

data/saffron/in-place/_shake.scss

@@ -0,0 +1,24 @@
+@include keyframes(shake) {
+  0%, 100% {
+    @include transform(translateX(0) translateZ(0));
+  }
+  15% {
+    @include transform(translateX($shake-distance));
+  }
+  35% {
+    @include transform(translateX($shake-distance * -1));
+  }
+  50% {
+    @include transform(translateX($shake-distance / 2));
+  }
+  65% {
+    @include transform(translateX($shake-distance / 2 * -1));
+  }
+  85% {
+    @include transform(translateX($shake-distance / 3));
+  }
+}
+
+@mixin shake($duration: 0.5s, $delay: 0s, $fill-mode: none, $count: 1) {
+  @include animation(shake $duration $delay $fill-mode $count);
+}

data/saffron/in-place/_spin.scss

@@ -0,0 +1,12 @@
+@include keyframes(spin) {
+  0% {
+    @include transform(rotate(0deg) translateZ(0));
+  }
+  100% {
+    @include transform(rotate(360deg));
+  }
+}
+
+@mixin spin($duration: 0.5s, $delay: 0s, $fill-mode: none, $count: 1, $timing: ease-in-out) {
+  @include animation(spin $count $duration $delay $fill-mode $timing);
+}

data/saffron/in-place/_square-dance.scss

@@ -0,0 +1,18 @@
+@include keyframes(squareDance) {
+  0%, 100% {
+    @include transform(translate3d(100%, 0, 0));
+  }
+  25% {
+    @include transform(translate3d(100%, 100%, 0));
+  }
+  50% {
+    @include transform(translate3d(0, 100%, 0));
+  }
+  75% {
+    @include transform(translate3d(0, 0, 0));
+  }
+}
+
+@mixin squareDance($duration: 3s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
+  @include animation(squareDance $count $duration $delay $fill-mode $timing);
+}

data/saffron/in-place/_sunrise.scss

@@ -0,0 +1,12 @@
+@include keyframes(sunrise) {
+  0% {
+    @include transform(rotate(0deg) translate($sunrise-arch) rotate(0deg));
+  }
+  100% {
+    @include transform(rotate(180deg) translate($sunrise-arch) rotate(-180deg));
+  }
+}
+
+@mixin sunrise($duration: 4s, $delay: 0s, $fill-mode: both, $count: 1, $timing: ease-in-out) {
+  @include animation(sunrise $count $duration $delay $fill-mode $timing);
+}

data/saffron/in-place/_sway.scss

@@ -0,0 +1,17 @@
+@include keyframes(sway) {
+  0%, 50%, 100% {
+    @include transform(rotate($sway-angle) translateZ(0));
+  }
+  25% {
+    @include transform(rotate($sway-angle * -1));
+  }
+  75% {
+    @include transform(rotate($sway-angle * -1));
+  }
+}
+
+@mixin sway($duration: 6.5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
+  // hack to fix jagged edges
+  outline: 1px solid transparent;
+  @include animation(sway $count $duration $delay $fill-mode $timing);
+}

data/saffron/in-place/_teeter.scss

@@ -0,0 +1,29 @@
+@include keyframes(teeter) {
+  0%, 100% {
+    @include transform(rotate(0deg) translateZ(0));
+  }
+  15% {
+    @include transform(rotate($teeter-angle));
+  }
+  30% {
+    @include transform(rotate($teeter-angle * -1));
+  }
+  45% {
+    @include transform(rotate($teeter-angle / 2));
+  }
+  60% {
+    @include transform(rotate($teeter-angle / 2 * -1));
+  }
+  73% {
+    @include transform(rotate($teeter-angle / 3));
+  }
+  86% {
+    @include transform(rotate($teeter-angle / 3 * -1));
+  }
+}
+
+@mixin teeter($duration: 1s, $delay: 0s, $fill-mode: none, $count: 1) {
+  // hack to fix jagged edges
+  outline: 1px solid transparent;
+  @include animation(teeter $duration $delay $fill-mode $count);
+}

data/saffron/saffron.scss

@@ -0,0 +1,62 @@
+// Variables
+@import "variables";
+
+// Helper Mixins and Functions
+@import "helpers/contains";
+@import "helpers/prefix";
+@import "helpers/animation";
+@import "helpers/transition";
+@import "helpers/transform";
+@import "helpers/keyframes";
+
+// Entrances
+@import "entrances/fade-in";
+@import "entrances/fade-in-up";
+@import "entrances/fade-in-down";
+@import "entrances/fade-in-left";
+@import "entrances/fade-in-right";
+@import "entrances/fade-in-zoom";
+@import "entrances/fade-in-zoom-big";
+@import "entrances/slide-in";
+@import "entrances/drop-in";
+@import "entrances/rise-in";
+@import "entrances/pop-in";
+@import "entrances/turn-in";
+@import "entrances/stretch";
+@import "entrances/newspaper";
+
+// Exits
+@import "exits/fade-out";
+@import "exits/fade-out-down";
+@import "exits/fade-out-up";
+@import "exits/fade-out-left";
+@import "exits/fade-out-right";
+@import "exits/fade-out-zoom";
+@import "exits/fade-out-zoom-big";
+@import "exits/slide-out";
+@import "exits/explode";
+@import "exits/drop-out";
+@import "exits/rise-out";
+@import "exits/poof";
+@import "exits/turn-out";
+@import "exits/compress";
+
+// In Place
+@import "in-place/float";
+@import "in-place/shake";
+@import "in-place/expand";
+@import "in-place/teeter";
+@import "in-place/quiver";
+@import "in-place/sway";
+@import "in-place/spin";
+@import "in-place/bounce";
+@import "in-place/pulsate";
+@import "in-place/colors";
+@import "in-place/around-the-world";
+@import "in-place/ping";
+@import "in-place/square-dance";
+@import "in-place/sunrise";
+@import "in-place/enlarge";
+@import "in-place/contract";
+@import "in-place/flip";
+@import "in-place/cube-flip";

data/tasks/.csscomb.json

@@ -0,0 +1,297 @@
+{
+  "always-semicolon": true,
+  "block-indent": 2,
+  "colon-space": true,
+  "color-case": "lower",
+  "color-shorthand": true,
+  "combinator-space": true,
+  "element-case": "lower",
+  "eof-newline": true,
+  "leading-zero": false,
+  "remove-empty-rulesets": true,
+  "rule-indent": 2,
+  "stick-brace": true,
+  "strip-spaces": true,
+  "unitless-zero": true,
+  "vendor-prefix-align": true,
+  "sort-order": [
+    [
+      "position",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "z-index",
+      "display",
+      "float",
+      "width",
+      "min-width",
+      "max-width",
+      "height",
+      "min-height",
+      "max-height",
+      "-webkit-box-sizing",
+      "-moz-box-sizing",
+      "box-sizing",
+      "-webkit-appearance",
+      "padding",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "margin",
+      "margin-top",
+      "margin-right",
+      "margin-bottom",
+      "margin-left",
+      "overflow",
+      "overflow-x",
+      "overflow-y",
+      "-webkit-overflow-scrolling",
+      "-ms-overflow-x",
+      "-ms-overflow-y",
+      "-ms-overflow-style",
+      "clip",
+      "clear",
+      "font",
+      "font-family",
+      "font-size",
+      "font-style",
+      "font-weight",
+      "font-variant",
+      "font-size-adjust",
+      "font-stretch",
+      "font-effect",
+      "font-emphasize",
+      "font-emphasize-position",
+      "font-emphasize-style",
+      "font-smooth",
+      "-webkit-hyphens",
+      "-moz-hyphens",
+      "hyphens",
+      "line-height",
+      "color",
+      "text-align",
+      "-webkit-text-align-last",
+      "-moz-text-align-last",
+      "-ms-text-align-last",
+      "text-align-last",
+      "text-emphasis",
+      "text-emphasis-color",
+      "text-emphasis-style",
+      "text-emphasis-position",
+      "text-decoration",
+      "text-indent",
+      "text-justify",
+      "text-outline",
+      "-ms-text-overflow",
+      "text-overflow",
+      "text-overflow-ellipsis",
+      "text-overflow-mode",
+      "text-shadow",
+      "text-transform",
+      "text-wrap",
+      "-webkit-text-size-adjust",
+      "-ms-text-size-adjust",
+      "letter-spacing",
+      "-ms-word-break",
+      "word-break",
+      "word-spacing",
+      "-ms-word-wrap",
+      "word-wrap",
+      "-moz-tab-size",
+      "-o-tab-size",
+      "tab-size",
+      "white-space",
+      "vertical-align",
+      "list-style",
+      "list-style-position",
+      "list-style-type",
+      "list-style-image",
+      "pointer-events",
+      "cursor",
+      "visibility",
+      "zoom",
+      "flex-direction",
+      "flex-order",
+      "flex-pack",
+      "flex-align",
+      "table-layout",
+      "empty-cells",
+      "caption-side",
+      "border-spacing",
+      "border-collapse",
+      "content",
+      "quotes",
+      "counter-reset",
+      "counter-increment",
+      "resize",
+      "-webkit-user-select",
+      "-moz-user-select",
+      "-ms-user-select",
+      "-o-user-select",
+      "user-select",
+      "nav-index",
+      "nav-up",
+      "nav-right",
+      "nav-down",
+      "nav-left",
+      "background",
+      "background-color",
+      "background-image",
+      "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
+      "filter:progid:DXImageTransform.Microsoft.gradient",
+      "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
+      "filter",
+      "background-repeat",
+      "background-attachment",
+      "background-position",
+      "background-position-x",
+      "background-position-y",
+      "-webkit-background-clip",
+      "-moz-background-clip",
+      "background-clip",
+      "background-origin",
+      "-webkit-background-size",
+      "-moz-background-size",
+      "-o-background-size",
+      "background-size",
+      "border",
+      "border-color",
+      "border-style",
+      "border-width",
+      "border-top",
+      "border-top-color",
+      "border-top-style",
+      "border-top-width",
+      "border-right",
+      "border-right-color",
+      "border-right-style",
+      "border-right-width",
+      "border-bottom",
+      "border-bottom-color",
+      "border-bottom-style",
+      "border-bottom-width",
+      "border-left",
+      "border-left-color",
+      "border-left-style",
+      "border-left-width",
+      "border-radius",
+      "border-top-left-radius",
+      "border-top-right-radius",
+      "border-bottom-right-radius",
+      "border-bottom-left-radius",
+      "-webkit-border-image",
+      "-moz-border-image",
+      "-o-border-image",
+      "border-image",
+      "-webkit-border-image-source",
+      "-moz-border-image-source",
+      "-o-border-image-source",
+      "border-image-source",
+      "-webkit-border-image-slice",
+      "-moz-border-image-slice",
+      "-o-border-image-slice",
+      "border-image-slice",
+      "-webkit-border-image-width",
+      "-moz-border-image-width",
+      "-o-border-image-width",
+      "border-image-width",
+      "-webkit-border-image-outset",
+      "-moz-border-image-outset",
+      "-o-border-image-outset",
+      "border-image-outset",
+      "-webkit-border-image-repeat",
+      "-moz-border-image-repeat",
+      "-o-border-image-repeat",
+      "border-image-repeat",
+      "outline",
+      "outline-width",
+      "outline-style",
+      "outline-color",
+      "outline-offset",
+      "-webkit-box-shadow",
+      "-moz-box-shadow",
+      "box-shadow",
+      "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
+      "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
+      "opacity",
+      "-ms-interpolation-mode",
+      "-webkit-transition",
+      "-moz-transition",
+      "-ms-transition",
+      "-o-transition",
+      "transition",
+      "-webkit-transition-delay",
+      "-moz-transition-delay",
+      "-ms-transition-delay",
+      "-o-transition-delay",
+      "transition-delay",
+      "-webkit-transition-timing-function",
+      "-moz-transition-timing-function",
+      "-ms-transition-timing-function",
+      "-o-transition-timing-function",
+      "transition-timing-function",
+      "-webkit-transition-duration",
+      "-moz-transition-duration",
+      "-ms-transition-duration",
+      "-o-transition-duration",
+      "transition-duration",
+      "-webkit-transition-property",
+      "-moz-transition-property",
+      "-ms-transition-property",
+      "-o-transition-property",
+      "transition-property",
+      "-webkit-transform",
+      "-moz-transform",
+      "-ms-transform",
+      "-o-transform",
+      "transform",
+      "-webkit-transform-origin",
+      "-moz-transform-origin",
+      "-ms-transform-origin",
+      "-o-transform-origin",
+      "transform-origin",
+      "-webkit-animation",
+      "-moz-animation",
+      "-ms-animation",
+      "-o-animation",
+      "animation",
+      "-webkit-animation-name",
+      "-moz-animation-name",
+      "-ms-animation-name",
+      "-o-animation-name",
+      "animation-name",
+      "-webkit-animation-duration",
+      "-moz-animation-duration",
+      "-ms-animation-duration",
+      "-o-animation-duration",
+      "animation-duration",
+      "-webkit-animation-play-state",
+      "-moz-animation-play-state",
+      "-ms-animation-play-state",
+      "-o-animation-play-state",
+      "animation-play-state",
+      "-webkit-animation-timing-function",
+      "-moz-animation-timing-function",
+      "-ms-animation-timing-function",
+      "-o-animation-timing-function",
+      "animation-timing-function",
+      "-webkit-animation-delay",
+      "-moz-animation-delay",
+      "-ms-animation-delay",
+      "-o-animation-delay",
+      "animation-delay",
+      "-webkit-animation-iteration-count",
+      "-moz-animation-iteration-count",
+      "-ms-animation-iteration-count",
+      "-o-animation-iteration-count",
+      "animation-iteration-count",
+      "-webkit-animation-direction",
+      "-moz-animation-direction",
+      "-ms-animation-direction",
+      "-o-animation-direction",
+      "animation-direction"
+    ]
+  ]
+}