wiskey 0.0.8 → 0.0.9

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 04af12efebfeec8f5265af5d33b37a70dbd9e494
+  data.tar.gz: 4d0160ec009f046e8fe4095b3a5d87fb45929f9d
+SHA512:
+  metadata.gz: 83581dd4616b9f8461e359765e835f00a83bd0ad20a7e00ecdcdee78ef6d73780f6b5869b261fb0ee6ff1a57a29f555e59980d668c93f9fab35f1a5a644ea744
+  data.tar.gz: a5b624cf6aa9ad2ca15ae54feaa0e6b2a84999d106718339dfdf5c467dca40323e67fc03c1c5d7bccd2fcc47754f49e64f9514808d97e877d4039ecd7a45919d

data/app/assets/stylesheets/README.md

@@ -0,0 +1,45 @@
+Wiskey
+===
+
+Set of low level css features without any solid css.
+
+Requirements
+---
+
+The [sass](http://sass-lang.com/) library
+
+Usage
+---
+Import wiskey at the beginning of your sass file.
+
+```sass
+  @import "wiskey/wiskey";
+```
+
+Thanks
+---
+
+For Thoughtbots and their bourbon gem.
+
+License
+---
+The MIT License (MIT)
+
+Copyright (c) 2013 Стенгазета "Вечерка"
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/app/assets/stylesheets/_wiskey.scss

@@ -0,0 +1,21 @@
+// Custom Functions
+@import "wiskey/functions/experimental";
+@import "wiskey/functions/medias";
+
+// CSS3 Mixins
+@import "wiskey/css3/animation";
+@import "wiskey/css3/background-clip";
+@import "wiskey/css3/border-radius";
+@import "wiskey/css3/box-shadow";
+@import "wiskey/css3/box-sizing";
+@import "wiskey/css3/flex-box";
+@import "wiskey/css3/inline-block";
+@import "wiskey/css3/linear-gradient";
+@import "wiskey/css3/radial-gradient";
+@import "wiskey/css3/transform";
+@import "wiskey/css3/transition";
+@import "wiskey/css3/opacity";
+@import "wiskey/css3/text-shadow";
+@import "wiskey/css3/text-overflow";
+@import "wiskey/css3/column-count";
+@import "wiskey/css3/user-select";

data/app/assets/stylesheets/wiskey/css3/_animation.scss

@@ -0,0 +1,156 @@
+// http://www.w3.org/TR/css3-animations/#the-animation-name-property-
+// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
+
+@mixin animation-name ($name-1,
+  $name-2: false, $name-3: false,
+  $name-4: false, $name-5: false,
+  $name-6: false, $name-7: false,
+  $name-8: false, $name-9: false)
+  {
+    $full:  compact($name-1, $name-2, $name-3, $name-4,
+                    $name-5, $name-6, $name-7, $name-8, $name-9);
+
+  @include experimental(animation-name, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+
+@mixin animation-duration ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full:  compact($time-1, $time-2, $time-3, $time-4,
+                    $time-5, $time-6, $time-7, $time-8, $time-9);
+
+  @include experimental(animation-duration, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+
+@mixin animation-timing-function ($motion-1: ease,
+//  ease | linear | ease-in | ease-out | ease-in-out
+  $motion-2: false, $motion-3: false,
+  $motion-4: false, $motion-5: false,
+  $motion-6: false, $motion-7: false,
+  $motion-8: false, $motion-9: false)
+  {
+    $full:  compact($motion-1, $motion-2, $motion-3, $motion-4,
+                    $motion-5, $motion-6, $motion-7, $motion-8, $motion-9);
+
+  @include experimental(animation-timing-function, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+
+@mixin animation-iteration-count ($value-1: 1,
+//  infinite | <number>
+  $value-2: false, $value-3: false,
+  $value-4: false, $value-5: false,
+  $value-6: false, $value-7: false,
+  $value-8: false, $value-9: false)
+  {
+    $full:  compact($value-1, $value-2, $value-3, $value-4,
+                    $value-5, $value-6, $value-7, $value-8, $value-9);
+
+  @include experimental(animation-iteration-count, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+
+@mixin animation-direction ($direction-1: normal,
+//  normal | alternate
+  $direction-2: false, $direction-3: false,
+  $direction-4: false, $direction-5: false,
+  $direction-6: false, $direction-7: false,
+  $direction-8: false, $direction-9: false)
+  {
+    $full:  compact($direction-1, $direction-2, $direction-3, $direction-4,
+                    $direction-5, $direction-6, $direction-7, $direction-8, $direction-9);
+
+  -webkit-animation-direction: $full;
+     -moz-animation-direction: $full;
+          animation-direction: $full;
+  @include experimental(animation-direction, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+
+@mixin animation-play-state ($state-1: running,
+//  running | paused
+  $state-2: false, $state-3: false,
+  $state-4: false, $state-5: false,
+  $state-6: false, $state-7: false,
+  $state-8: false, $state-9: false)
+  {
+    $full:  compact($state-1, $state-2, $state-3, $state-4,
+                    $state-5, $state-6, $state-7, $state-8, $state-9);
+
+  @include experimental(animation-play-state, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+
+@mixin animation-delay ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full:  compact($time-1, $time-2, $time-3, $time-4,
+                    $time-5, $time-6, $time-7, $time-8, $time-9);
+
+  @include experimental(animation-delay, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+
+@mixin animation-fill-mode ($mode-1: none,
+//  http://goo.gl/l6ckm
+//  none | forwards | backwards | both
+  $mode-2: false, $mode-3: false,
+  $mode-4: false, $mode-5: false,
+  $mode-6: false, $mode-7: false,
+  $mode-8: false, $mode-9: false)
+  {
+    $full:  compact($mode-1, $mode-2, $mode-3, $mode-4,
+                    $mode-5, $mode-6, $mode-7, $mode-8, $mode-9);
+
+  @include experimental(animation-fill-mode, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+
+// Shorthand for a basic animation. Supports multiple parentheses-deliminated values for each variable.
+// Example: @include animation-basic((slideup, fadein), (1.0s, 2.0s), ease-in);
+@mixin animation-basic ($name, $time: 0, $motion: ease) {
+    $length-of-name: length($name);
+    $length-of-time: length($time);
+  $length-of-motion: length($motion);
+
+  @if $length-of-name > 1 {
+    @include animation-name(zip($name));
+  } @else {
+    @include animation-name(    $name);
+  }
+
+  @if $length-of-time > 1 {
+    @include animation-duration(zip($time));
+  } @else {
+    @include animation-duration(    $time);
+  }
+
+  @if $length-of-motion > 1 {
+    @include animation-timing-function(zip($motion));
+  } @else {
+    @include animation-timing-function(    $motion);
+  }
+}
+
+// Official animation shorthand property. Needs more work to actually be useful.
+@mixin animation ($name, $duration, $timing-function, $delay, $iteration-count, $direction) {
+  $full: $name $duration $timing-function $delay $iteration-count $direction;
+  @include experimental(animation, $full,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}

data/app/assets/stylesheets/wiskey/css3/_background-clip.scss

@@ -0,0 +1,13 @@
+@mixin background-clip($clip) {
+  $deprecated: $clip;
+  @if $clip == padding-box { $deprecated: padding; }
+  @if $clip == border-box { $deprecated: border; }
+
+  @include experimental(background-clip, $deprecated,
+                        -moz, -webkit, not -o, not -ms, not -khtml, not official);
+  @include experimental(background-clip, $clip,
+    not -moz, not -webkit, -o, -ms, -khtml, official);
+}
+
+// @include background-clip(padding-box);
+// @include background-clip(border-box);

data/app/assets/stylesheets/wiskey/css3/_border-radius.scss

@@ -0,0 +1,54 @@
+@mixin border-radius ($top-right, $top-left: false, $bottom-right: false, $bottom-left: false) {
+  @if not $top-left { $top-left: $top-right }
+  @if not $bottom-right { $bottom-right: $top-right }
+  @if not $bottom-left { $bottom-left: $top-left }
+
+  @include border-top-left-radius($top-left);
+  @include border-top-right-radius($top-right);
+  @include border-bottom-left-radius($bottom-left);
+  @include border-bottom-right-radius($bottom-right);
+}
+
+@mixin border-top-left-radius($top-left) {
+  -webkit-border-top-left-radius: $top-left;
+     -moz-border-radius-topleft: $top-left;
+          border-top-left-radius: $top-left;
+}
+
+@mixin border-top-right-radius($top-right) {
+  -webkit-border-top-right-radius: $top-right;
+     -moz-border-radius-topright: $top-right;
+          border-top-right-radius: $top-right;
+}
+
+@mixin border-bottom-left-radius($bottom-left) {
+  -webkit-border-bottom-left-radius: $bottom-left;
+     -moz-border-radius-bottomleft: $bottom-left;
+          border-bottom-left-radius: $bottom-left;
+}
+
+@mixin border-bottom-right-radius($bottom-right) {
+  -webkit-border-bottom-right-radius: $bottom-right;
+     -moz-border-radius-bottomright: $bottom-right;
+          border-bottom-right-radius: $bottom-right;
+}
+
+@mixin border-top-radius($top) {
+  @include border-top-left-radius($top);
+  @include border-top-right-radius($top);
+}
+
+@mixin border-bottom-radius($bottom) {
+  @include border-bottom-left-radius($bottom);
+  @include border-bottom-right-radius($bottom);
+}
+
+@mixin border-left-radius($left) {
+  @include border-top-left-radius($left);
+  @include border-bottom-right-radius($left);
+}
+
+@mixin border-right-radius($right) {
+  @include border-top-right-radius($right);
+  @include border-bottom-right-radius($right);
+}

data/app/assets/stylesheets/wiskey/css3/_box-shadow.scss

@@ -0,0 +1,4 @@
+@mixin box-shadow($params) {
+  @include experimental(box-shadow, $params,
+                        -moz, -webkit, -o, not -ms, not -khtml, official);
+}

data/app/assets/stylesheets/wiskey/css3/_box-sizing.scss

@@ -0,0 +1,9 @@
+@mixin box-sizing ($box) {
+//  content-box | border-box | inherit
+  @include experimental(box-sizing, $box,
+                        -moz, -webkit, -o, -ms, not -khtml, official)
+}
+
+// @include box-sizing(content-box);
+// @include box-sizing(border-box);
+// @include box-sizing(inherit);

data/app/assets/stylesheets/wiskey/css3/_column-count.scss

@@ -0,0 +1,18 @@
+@mixin column-count($count, $rule, $gap) {
+  -webkit-column-count: $count;
+  -moz-column-count: $count;
+  column-count: $count;
+
+  -webkit-column-rule: $rule;
+  -moz-column-rule: $rule;
+  column-rule: $rule;
+
+  -webkit-column-gap: $gap;
+  -moz-column-gap: $gap;
+  column-gap: $gap;
+}
+
+//   count: column count
+//   rule: rule style
+//   gap: padding between columns
+// @include column-count(2, 1px solid #bbb, 2em)

data/app/assets/stylesheets/wiskey/css3/_flex-box.scss

@@ -0,0 +1,52 @@
+// CSS3 Flexible Box Model and property defaults
+
+// Custom shorthand notation for flexbox
+@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
+  @include display-box;
+  @include box-orient($orient);
+  @include box-pack($pack);
+  @include box-align($align);
+}
+
+@mixin display-box {
+  display: -webkit-box;
+  display: -moz-box;
+  display: box;
+}
+
+// horizontal|vertical|inline-axis|block-axis|inherit
+@mixin box-orient($orient: inline-axis) {
+  @include mw-experimental(box-orient, $orient);
+}
+
+// start|end|center|justify
+@mixin box-pack($pack: start) {
+  @include mw-experimental(box-pack, $pack);
+}
+
+// start|end|center|baseline|stretch
+@mixin box-align($align: stretch) {
+  @include mw-experimental(box-align, $align);
+}
+
+// normal|reverse|inherit
+@mixin box-direction($direction: normal) {
+  @include mw-experimental(box-direction, $direction);
+}
+
+// single|multiple
+@mixin box-lines($lines: single) {
+  @include mw-experimental(box-lines, $lines);
+}
+
+@mixin box-ordinal-group($integer: 1) {
+  @include mw-experimental(box-ordinal-group, $integer);
+}
+
+@mixin box-flex($value: 0.0) {
+  @include mw-experimental(box-flex, $value);
+}
+
+@mixin box-flex-group($integer: 1) {
+  @include mw-experimental(box-flex-group, $integer);
+}

data/app/assets/stylesheets/wiskey/css3/_inline-block.scss

@@ -0,0 +1,24 @@
+// Legacy support for inline-block in IE7 (maybe IE6)
+@mixin inline-block {
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: baseline;
+  zoom: 1;
+  *display: inline;
+  *vertical-align: auto;
+}
+
+// remove spaces from inline-blocks. this is hack, in general. The better way - remove it from HTML
+@mixin inline-block-fix {
+  letter-spacing: -.3em;
+
+  > * {
+    letter-spacing: normal;
+    word-spacing: normal;
+  }
+
+  .webkit & {
+    word-spacing: normal;
+  }
+}

data/app/assets/stylesheets/wiskey/css3/_linear-gradient.scss

@@ -0,0 +1,41 @@
+// Requires Sass 3.1+
+@mixin linear-gradient($pos, $G1, $G2: false,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false) {
+  // Detect what type of value exists in $pos
+  $pos-type: type-of(nth($pos, 1));
+
+  // If $pos is missing from mixin, reassign vars and add default position
+  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
+    $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+     $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+    $pos: top; // Default position
+  }
+
+  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+  background-color: nth($G1, 1);
+  background-image: -webkit-gradient(linear, left top, left bottom, from($G1), to($G2)); /* Saf4+, Chrome */
+  background-image: -webkit-linear-gradient($pos, $full);
+  background-image:    -moz-linear-gradient($pos, $full);
+  background-image:     -ms-linear-gradient($pos, $full);
+  background-image:      -o-linear-gradient($pos, $full);
+  background-image:        unquote("linear-gradient(#{$pos}, #{$full})");
+}
+
+@mixin gradient($pos, $G1, $G2: false,
+                $G3: false, $G4: false,
+                $G5: false, $G6: false,
+                $G7: false, $G8: false,
+                $G9: false, $G10: false) {
+  @include linear-gradient($pos, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+}
+
+
+// Usage: Gradient position is optional, default is top. Position can be a degree. Color stops are optional as well.
+
+// @include linear-gradient(#1e5799, #2989d8);
+// @include linear-gradient(top, #1e5799 0%, #2989d8 50%);
+// @include linear-gradient(50deg, rgba(10, 10, 10, 0.5) 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);

data/app/assets/stylesheets/wiskey/css3/_opacity.scss

@@ -0,0 +1,8 @@
+@mixin opacity($val) {
+  filter: progid:DXImageTransform.Microsoft.Alpha(opacity = #{$val*100});
+  -moz-opacity: $val;
+  -khtml-opacity: $val;
+  opacity: $val;
+  @include experimental(opacity, $val,
+                        -moz, not -webkit, not -o, not -ms, -khtml, official);
+}

data/app/assets/stylesheets/wiskey/css3/_radial-gradient.scss

@@ -0,0 +1,21 @@
+// Requires Sass 3.1+
+@mixin radial-gradient($pos, $shape-size,
+                       $G1,        $G2,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false) {
+
+  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+  background-color: nth($G1, 1);
+  background-image: -webkit-radial-gradient($pos, $shape-size, $full);
+  background-image:    -moz-radial-gradient($pos, $shape-size, $full);
+  background-image:     -ms-radial-gradient($pos, $shape-size, $full);
+  background-image:      -o-radial-gradient($pos, $shape-size, $full);
+  background-image:         radial-gradient($pos, $shape-size, $full);
+}
+
+//  Usage: Gradient position and shape-size are required. Color stops are optional.
+//  @include radial-gradient(50% 50%, circle cover, #1e5799, #efefef);
+//  @include radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef);

data/app/assets/stylesheets/wiskey/css3/_text-overflow.scss

@@ -0,0 +1,4 @@
+@mixin text-overflow {
+  overflow: hidden;
+  @include o-experimental(text-overflow, ellipsis);
+}

data/app/assets/stylesheets/wiskey/css3/_text-shadow.scss

@@ -0,0 +1,3 @@
+@mixin text-shadow($shadows...) {
+  text-shadow: $shadows;
+}

data/app/assets/stylesheets/wiskey/css3/_transform.scss

@@ -0,0 +1,13 @@
+@mixin transform($property: none) {
+//  none | <transform-function>
+  @include experimental(transform, $property,
+                        -moz, -webkit, -o, -ms, not -khtml, official);
+}
+
+@mixin transform-origin($axes: 50%) {
+// x-axis - left | center | right  | length | %
+// y-axis - top  | center | bottom | length | %
+// z-axis -                          length
+  @include experimental(transform-origin, $axes,
+                        -moz, -webkit, -o, -ms, not -khtml, official);
+}

data/app/assets/stylesheets/wiskey/css3/_transition.scss

@@ -0,0 +1,91 @@
+// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
+// Example: @include transition (all, 2.0s, ease-in-out);
+//          @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
+//          @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
+
+@mixin transition ($property: all, $duration: 0.15s, $timing-function: ease-out, $delay: 0) {
+
+  // Detect # of args passed into each variable
+  $length-of-property:        length($property);
+  $length-of-duration:        length($duration);
+  $length-of-timing-function: length($timing-function);
+  $length-of-delay:           length($delay);
+
+  @if $length-of-property > 1 {
+    @include transition-property(zip($property)); }
+  @else {
+    @include transition-property(    $property);
+  }
+
+  @if $length-of-duration > 1 {
+    @include transition-duration(zip($duration)); }
+  @else {
+    @include transition-duration(    $duration);
+  }
+
+  @if $length-of-timing-function > 1 {
+    @include transition-timing-function(zip($timing-function)); }
+  @else {
+    @include transition-timing-function(    $timing-function);
+  }
+
+  @if $length-of-delay > 1 {
+    @include transition-delay(zip($delay)); }
+  @else {
+    @include transition-delay(    $delay);
+  }
+}
+
+
+@mixin transition-property ($prop-1: all,
+  $prop-2: false, $prop-3: false,
+  $prop-4: false, $prop-5: false,
+  $prop-6: false, $prop-7: false,
+  $prop-8: false, $prop-9: false)
+  {
+    $full: compact($prop-1, $prop-2, $prop-3, $prop-4, $prop-5,
+                   $prop-6, $prop-7, $prop-8, $prop-9);
+
+  @include experimental(transition-property, $full,
+                        -moz, -webkit, -o, -ms, not -khtml, official);
+}
+
+@mixin transition-duration ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
+                   $time-6, $time-7, $time-8, $time-9);
+
+  @include experimental(transition-duration, $full,
+                        -moz, -webkit, -o, -ms, not -khtml, official);
+}
+
+@mixin transition-timing-function ($motion-1: ease,
+  $motion-2: false, $motion-3: false,
+  $motion-4: false, $motion-5: false,
+  $motion-6: false, $motion-7: false,
+  $motion-8: false, $motion-9: false)
+  {
+    $full: compact($motion-1, $motion-2, $motion-3, $motion-4, $motion-5,
+                   $motion-6, $motion-7, $motion-8, $motion-9);
+
+// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
+  @include experimental(transition-timing-function, $full,
+                        -moz, -webkit, -o, -ms, not -khtml, official);
+}
+
+@mixin transition-delay ($time-1: 0,
+  $time-2: false, $time-3: false,
+  $time-4: false, $time-5: false,
+  $time-6: false, $time-7: false,
+  $time-8: false, $time-9: false)
+  {
+    $full: compact($time-1, $time-2, $time-3, $time-4, $time-5,
+                   $time-6, $time-7, $time-8, $time-9);
+
+  @include experimental(transition-timing-function, $full,
+                        -moz, -webkit, -o, -ms, not -khtml, official);
+}

data/app/assets/stylesheets/wiskey/css3/_user-select.scss

@@ -0,0 +1,10 @@
+@mixin user-select($value) {
+  // auto | none | text
+  @include experimental(user-select, $value,
+                        -moz, -webkit, -o, not -ms, not -khtml, official);
+}
+
+//  Usage: Gradient position and shape-size are required. Color stops are optional.
+//  @include user-select(none);
+//  @include user-select(text);
+//  @include user-select(all);

data/app/assets/stylesheets/wiskey/functions/_experimental.scss

@@ -0,0 +1,52 @@
+@mixin experimental($property, $value,
+  $moz      : true,
+  $webkit   : true,
+  $o        : true,
+  $ms       : true,
+  $khtml    : true,
+  $official : true
+) {
+  @if $moz      {    -moz-#{$property} : $value; }
+  @if $webkit   { -webkit-#{$property} : $value; }
+  @if $o        {      -o-#{$property} : $value; }
+  @if $ms       {     -ms-#{$property} : $value; }
+  @if $khtml    {  -khtml-#{$property} : $value; }
+  @if $official {         #{$property} : $value; }
+}
+
+@mixin mwo-experimental($property, $value) {
+  @include experimental($property, $value,
+                        -moz, -webkit, -o, not -ms, not -khtml, official);
+}
+
+@mixin m-experimental($property, $value) {
+  @include experimental($property, $value,
+                        -moz, not -webkit, not -o, not -ms, not -khtml, official);
+}
+
+@mixin o-experimental($property, $value) {
+  @include experimental($property, $value,
+                        not -moz, not -webkit, -o, not -ms, not -khtml, official);
+}
+
+@mixin w-experimental($property, $value) {
+  @include experimental($property, $value,
+                        not -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+@mixin mw-experimental($property, $value) {
+  @include experimental($property, $value,
+                        -moz, -webkit, not -o, not -ms, not -khtml, official);
+}
+
+@mixin mo-experimental($property, $value) {
+  @include experimental($property, $value,
+                        -moz, not -webkit, -o, not -ms, not -khtml, official);
+}
+
+@mixin wo-experimental($property, $value) {
+  @include experimental($property, $value,
+                        not -moz, -webkit, -o, not -ms, not -khtml, official);
+}
+// @include experimental(property, value)
+// @include experimental(property, value, -moz, -webkit, not -o, not-ks, not -khtml, official)

data/app/assets/stylesheets/wiskey/functions/_medias.scss

@@ -0,0 +1,30 @@
+//
+// $media
+//    handhelds
+//    wide-handhelds
+//    tablets
+//    small-screens
+//    wide-screens
+//
+
+$media-handhelds: 480px !default;
+$media-wide-handhelds: 699px !default;
+$media-tablets: 960px !default;
+$media-small-screens: 1200px !default;
+// $media-wide-screens:  !default;
+
+$media-set: (
+  handhelds:      "screen and (max-width: #{$media-handhelds})",
+  wide-handhelds: "screen and (min-width: #{$media-handhelds}) and (max-width: #{$media-wide-handhelds})",
+  tablets:        "screen and (min-width: #{$media-wide-handhelds}) and (max-width: #{$media-tablets})",
+  small-screens:  "screen and (min-width: #{$media-tablets}) and (max-width: #{$media-small-screens})",
+  wide-screens:   "screen and (min-width: #{$media-small-screens})"
+);
+
+@mixin respond-to($medias...) {
+  $result: ();
+  @each $media in $medias {
+    $result: append($result, map-get($media-set, $media), comma);
+  }
+  @media #{$result} { @content; }
+}

data/lib/wiskey/version.rb

@@ -1,3 +1,3 @@
 module Wiskey
-  VERSION = "0.0.8"
+  VERSION = "0.0.9"
 end

data/wiskey.gemspec

@@ -8,7 +8,7 @@ Gem::Specification.new do |s|
 
   s.authors                   = [ "Alexey Osipenko" ]
   s.email                     = [ "alexey@osipenko.in.ua" ]
-  s.homepage                  = "http://aratak.github.com/wiskey/"
+  s.homepage                  = "https://github.com/cimon-io/wiskey/"
   s.description = "The rails 3 gem, which include SCSS mixins and default rails templates for true-cutupping."
   s.version = Wiskey::VERSION
 

metadata

@@ -1,65 +1,79 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: wiskey
-version: !ruby/object:Gem::Version 
-  prerelease: false
-  segments: 
-  - 0
-  - 0
-  - 8
-  version: 0.0.8
+version: !ruby/object:Gem::Version
+  version: 0.0.9
 platform: ruby
-authors: 
+authors:
 - Alexey Osipenko
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2013-08-19 00:00:00 +03:00
-default_executable: 
-dependencies: 
-- !ruby/object:Gem::Dependency 
+date: 2015-06-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
   name: sass
-  prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
-    requirements: 
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
     - - ">="
-      - !ruby/object:Gem::Version 
-        segments: 
-        - 3
-        - 1
-        version: "3.1"
+      - !ruby/object:Gem::Version
+        version: '3.1'
   type: :runtime
-  version_requirements: *id001
-- !ruby/object:Gem::Dependency 
-  name: rake
   prerelease: false
-  requirement: &id002 !ruby/object:Gem::Requirement 
-    requirements: 
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
     - - ">="
-      - !ruby/object:Gem::Version 
-        segments: 
-        - 0
-        version: "0"
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
   type: :development
-  version_requirements: *id002
-description: The rails 3 gem, which include SCSS mixins and default rails templates for true-cutupping.
-email: 
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: The rails 3 gem, which include SCSS mixins and default rails templates
+  for true-cutupping.
+email:
 - alexey@osipenko.in.ua
-executables: 
+executables:
 - wiskey
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
-- .gitignore
-- .gitmodules
-- .rvmrc
+files:
+- ".gitignore"
+- ".rvmrc"
 - Gemfile
 - Gemfile.lock
 - MIT-LICENSE
 - README.rdoc
 - Rakefile
+- app/assets/stylesheets/README.md
+- app/assets/stylesheets/_wiskey.scss
+- app/assets/stylesheets/wiskey/css3/_animation.scss
+- app/assets/stylesheets/wiskey/css3/_background-clip.scss
+- app/assets/stylesheets/wiskey/css3/_border-radius.scss
+- app/assets/stylesheets/wiskey/css3/_box-shadow.scss
+- app/assets/stylesheets/wiskey/css3/_box-sizing.scss
+- app/assets/stylesheets/wiskey/css3/_column-count.scss
+- app/assets/stylesheets/wiskey/css3/_flex-box.scss
+- app/assets/stylesheets/wiskey/css3/_inline-block.scss
+- app/assets/stylesheets/wiskey/css3/_linear-gradient.scss
+- app/assets/stylesheets/wiskey/css3/_opacity.scss
+- app/assets/stylesheets/wiskey/css3/_radial-gradient.scss
+- app/assets/stylesheets/wiskey/css3/_text-overflow.scss
+- app/assets/stylesheets/wiskey/css3/_text-shadow.scss
+- app/assets/stylesheets/wiskey/css3/_transform.scss
+- app/assets/stylesheets/wiskey/css3/_transition.scss
+- app/assets/stylesheets/wiskey/css3/_user-select.scss
+- app/assets/stylesheets/wiskey/functions/_experimental.scss
+- app/assets/stylesheets/wiskey/functions/_medias.scss
 - bin/wiskey
 - lib/tasks/install.rake
 - lib/wiskey.rb
@@ -73,35 +87,28 @@ files:
 - lib/wiskey/sass_extensions/functions/split_params.rb
 - lib/wiskey/version.rb
 - wiskey.gemspec
-has_rdoc: true
-homepage: http://aratak.github.com/wiskey/
+homepage: https://github.com/cimon-io/wiskey/
 licenses: []
-
+metadata: {}
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
-  requirements: 
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
   - - ">="
-    - !ruby/object:Gem::Version 
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
-  requirements: 
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
   - - ">="
-    - !ruby/object:Gem::Version 
-      segments: 
-      - 0
-      version: "0"
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: 
-rubygems_version: 1.3.6
+rubygems_version: 2.2.2
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: The solutoiuns for the rails cutupping.
 test_files: []
-
+has_rdoc: 

data/.gitmodules

@@ -1,3 +0,0 @@
-[submodule "app/assets/stylesheets"]
-	path = app/assets/stylesheets
-	url = git@github.com:it-vecherka/wiskey.git