middleman-oulu 0.5.22 → 0.5.25

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d02d0cc45f4ed00c4b65717666a0834db014e1e8
-  data.tar.gz: dcfacf7c44a6380b707f6a34d6ad623d8fd5f92d
+  metadata.gz: a6735ee7040ba132e308cde0208d093f42866896
+  data.tar.gz: b1d20704289252a3c3a68b02c0748b0e40502f52
 SHA512:
-  metadata.gz: b21e7691f9532838aa070006d2790f0c8896d2b344c668a9e380d0c5d8e7bf97b547ad602e29290c2743873e1b9b225e8600cd2ae4e2940ede5aa1bbc83e07be
-  data.tar.gz: d3d07714a687fd7ead4f8188a98e63252686c89a9f01950811933b1236946893f3e42f60ea188b6b2e0d8825109f9a95cb0118405c69d5e62398e83db88c13b9
+  metadata.gz: e91cffebb50effc6cd0cca4e598a08843156ed55f26b2bc2ad6729e0e6b2c86e1571286898bfc220fe97893d662ee7432c3e41e08194690d169a7fa4bc16ec56
+  data.tar.gz: d997cb41d2357c90d166bfc216a223d3841f23270259e2a329e1f17ca6f5e33ba77e14553057bc06889d55fff1d75177d8fe83fef3646496f138c007e665d23b

data/assets/stylesheets/_oulu-base.css.sass

@@ -18,12 +18,6 @@
 
 // compass-rgbapng https://github.com/aaronrussell/compass-rgbapng
 @import rgbapng
-// SassyLists http://sassylists.com/
-@import SassyLists
-// sass-ceaser-easing https://github.com/jhardy/compass-ceaser-easing
-@import ceaser-easing
-// modular-scale https://github.com/Team-Sass/modular-scale
-@import modular-scale
 
 // variables
 ///////////////////
@@ -46,6 +40,7 @@
 @import settings/functions/background
 @import settings/functions/border
 @import settings/functions/animation
+@import settings/functions/grid
 
 // mixins
 ///////////////////

data/assets/stylesheets/_oulu.css.sass

@@ -9,6 +9,4 @@
 @import helper/base-helper
 @import helper/margin-padding
 @import helper/typoglaphy
-@import helper/click-actions
-@import helper/fade-actions
 @import helper/no-gutter-grids

data/assets/stylesheets/helper/_base-helper.css.sass

@@ -1,8 +1,8 @@
-.#{$wrapper-class-name}
-  +rem('max-width', $wrapper-max-width)
+.#{$container-class-name}
+  +rem('max-width', $container-max-width)
   +box-sizing(border-box)
   +margin(horizontal, auto)
-  +padding(horizontal, $wrapper-horizontal-padding)
+  +padding(horizontal, $container-horizontal-padding)
   clear: both
 
 // state
@@ -37,33 +37,10 @@
   -webkit-overflow-scrolling: touch
   width: 100%
   position: relative
-.is-max-wd
+.is-max-width-100
   width: 100%
   display: block
 
-.is-mgb-0
-  margin-bottom: 0 !important
-.is-pdt-0
-  padding-top: 0 !important
-.is-pd-0
-  padding: 0 !important
-
-body
-  .is-hidden
-    visibility: hidden
-    display: none
-    +opacity(0)
-  .is-invisible
-    margin-left: -99999px
-    position: absolute
-    visibility: hidden
-    +opacity(0)
-  .is-shown
-    +inline-block
-  .is-horizontal-closed
-    width: 0
-    overflow: hidden
-
 .is-z-index-100
   z-index: 100
   position: relative

data/assets/stylesheets/helper/_margin-padding.css.sass

@@ -18,21 +18,5 @@ body
       +rem('padding-left', #{$i*4}px)
     .is-padding-right-#{$i*4}
       +rem('padding-right', #{$i*4}px)
-
-    // will delete next ver
-    .is-mgb-#{$i*4}
-      +rem('margin-bottom', #{$i*4}px)
-    .is-mgt-#{$i*4}
-      +rem('margin-top', #{$i*4}px)
-    .is-mgl-#{$i*4}
-      +rem('margin-left', #{$i*4}px)
-    .is-mgr-#{$i*4}
-      +rem('margin-right', #{$i*4}px)
-    .is-pdb-#{$i*4}
-      +rem('padding-bottom', #{$i*4}px)
-    .is-pdt-#{$i*4}
-      +rem('padding-top', #{$i*4}px)
-    .is-pdl-#{$i*4}
-      +rem('padding-left', #{$i*4}px)
-    .is-pdr-#{$i*4}
-      +rem('padding-right', #{$i*4}px)
+    .is-padding-horizontal-#{$i*4}
+      +padding(horizontal, #{$i*4}px)

data/assets/stylesheets/helper/_no-gutter-grids.css.sass

@@ -1,3 +1,2 @@
-body
-  .no-gutter-grids
-    +grid-columns(0)
+.no-gutter-grids
+  +grid-columns(0)

data/assets/stylesheets/settings/functions/_grid.css.sass

@@ -0,0 +1,34 @@
+@function gutter_width($value)
+  @if $value == 0 or px($value)
+    @return true
+  @else
+    @return null
+
+@function columns_count($value)
+  @if unitless_number($value)
+    @if $value > 0
+      @return true
+    @else
+      @return null
+  @else
+    @return null
+
+@function break_point($value)
+  @if string($value) and ($value == 'xs' or $value == 'sm' or $value == 'md' or $value == 'lg' or $value == 'xl')
+    @return true
+  @else if list($value) and (nth($value, 1) == 'xs' or nth($value, 1) == 'sm' or nth($value, 1) == 'md' or nth($value, 1) == 'lg' or nth($value, 1) == 'xl')
+    @return true
+  @else
+    @return null
+
+@function row_class_name($value)
+  @if string($value) and str-slice($value, 1, 1) == ('.')
+    @return true
+  @else
+    @return null
+
+@function offsets($value)
+  @if string($value) and $value == offsets
+    @return true
+  @else
+    @return null

data/assets/stylesheets/settings/mixins/_grids.css.sass

@@ -38,7 +38,6 @@ $screen-md-max: ($screen-lg-min - 1) !default
   @media only screen and (max-width: $screen-lg)
     @content
 
-
 // カラムのラッパーのクラス名
 $row-class-name: '.row' !default
 // カラムのネームスペース ※classの".（カンマ）"もネームスペースの一部
@@ -50,6 +49,7 @@ $break-point-xs-namespace: 'xs-' !default
 $break-point-sm-namespace: 'sm-' !default
 $break-point-md-namespace: 'md-' !default
 $break-point-lg-namespace: 'lg-' !default
+$break-point-xl-namespace: 'xl-' !default
 
 // ブレイクポイントを配列にする
 $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-point-md-namespace, $break-point-lg-namespace
@@ -67,7 +67,7 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
   @else if $screen-lg and $break-point == $break-point-lg-namespace
     @media only screen and (min-width: $screen-md)
       @content
-  @else if $screen-xl and $break-point == $break-point-xl-namespace
+  @else if $break-point == $break-point-xl-namespace
     @media only screen and (min-width: $screen-lg)
       @content
 
@@ -77,24 +77,18 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
   +margin(horizontal, ($gutter-width / 2) * -1)
   // clearfix
   +rem('min-height', 1px)
-  &:before,
-  &:after
-    display: table
-    content: " "
-  &:after
-    clear: both
+  +pie-clearfix
 
 // カラムの基本設定
 =column($number, $columns-gutter-width: $gutter-width)
   +rem('width', 100 / $columns-count * $number * 1%)
-  +rem('min-height', 1px)
   +padding(horizontal, $columns-gutter-width / 2)
-  float: left
   +box-sizing(border-box)
+  float: left
 
 // カラムをサイズごとに作る
 @each $break-point in $break-points
-  +break-points(#{$break-point})
+  +break-points($break-point)
     @for $i from 1 through $columns-count
       #{$column-namespace}#{$break-point}#{$i}
         +column($i)
@@ -105,45 +99,46 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
 
 // オフセットカラムをサイズごとに作る
 @each $break-point in $break-points
-  +break-points(#{$break-point})
+  +break-points($break-point)
     @for $i from 1 through $columns-count
       #{$column-namespace}#{$break-point}#{$column-offset-namespace}#{$i}
         +column-offset($i)
 
-=grid-columns($columns-gutter-width: $gutter-width, $grid-columns-row-class-name: '.row')
-  #{$grid-columns-row-class-name}
-    // カラムのマージン分だけ両サイドにネガティブマージンを取る
-    +margin(horizontal, ($columns-gutter-width / 2) * -1)
-    // clearfix
-    +rem('min-height', 1px)
-    &:before,
-    &:after
-      display: table
-      content: " "
-    &:after
-      clear: both
-  // カラムをサイズごとに作る
-  @each $break-point in $break-points
-    +break-points(#{$break-point})
-      @for $i from 1 through $columns-count
-        #{$column-namespace}#{$break-point}#{$i}
-          +column($i, $columns-gutter-width)
-
-=grid-column-offsets($columns-gutter-width: $gutter-width, $grid-columns-row-class-name: '.row')
+=grid-columns($values)
+  $columns-gutter-width: 0 !default
+  $temp-columns-count: 12 !default
+  $temp-break-points: 'xs', 'sm', 'md', 'lg' !default
+  $grid-columns-row-class-name: '.row' !default
+  $offsets: false !default
+  @for $i from 1 through length($values)
+    @if gutter_width(nth($values, $i))
+      $columns-gutter-width: nth($values, $i)
+    @else if columns_count(nth($values, $i))
+      $temp-columns-count: nth($values, $i)
+    @else if break_point(nth($values, $i))
+      $temp-break-points: nth($values, $i)
+    @else if row_class_name(nth($values, $i))
+      $grid-columns-row-class-name: nth($values, $i)
+    @else if offsets(nth($values, $i))
+      $offsets: nth($values, $i)
   #{$grid-columns-row-class-name}
     // カラムのマージン分だけ両サイドにネガティブマージンを取る
     +margin(horizontal, ($columns-gutter-width / 2) * -1)
-    // clearfix
-    +rem('min-height', 1px)
-    &:before,
-    &:after
-      display: table
-      content: " "
-    &:after
-      clear: both
-  // オフセットカラムをサイズごとに作る
-  @each $break-point in $break-points
-    +break-points(#{$break-point})
-      @for $i from 1 through $columns-count
-        #{$column-namespace}#{$break-point}#{$column-offset-namespace}#{$i}
-          +column-offset($i)
+    +pie-clearfix
+    // カラムをサイズごとに作る
+    $break-points: ()
+    @each $temp-break-point in $temp-break-points
+      $break-points: append($break-points, if($temp-break-point == 'xs', $break-point-xs-namespace, null))
+      $break-points: append($break-points, if($temp-break-point == 'sm', $break-point-sm-namespace, null))
+      $break-points: append($break-points, if($temp-break-point == 'md', $break-point-md-namespace, null))
+      $break-points: append($break-points, if($temp-break-point == 'lg', $break-point-lg-namespace, null))
+      $break-points: append($break-points, if($temp-break-point == 'xl', $break-point-xl-namespace, null))
+    content: $temp-columns-count
+    @each $break-point in $break-points
+      +break-points($break-point)
+        @for $i from 1 through $temp-columns-count
+          #{$column-namespace}#{$break-point}#{$i}
+            +column($i, $columns-gutter-width)
+          @if $offsets
+            #{$column-namespace}#{$break-point}#{$column-offset-namespace}#{$i}
+              +column-offset($i)

data/assets/stylesheets/settings/mixins/_line.css.sass

@@ -1,8 +1,18 @@
-=dotted-line($color: rgba(#000, 1.0), $stripe: null)
-  $stripe-width: if(length($stripe) >= 1, nth($stripe, 1), 1px)
-  $gatter-width: if(length($stripe) >= 2, nth($stripe, 2), 4px)
-  $size: if(length($stripe) >= 3, nth($stripe, 3), 1px)
-  +background-image(linear-gradient(left, color-stops($color, $color (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent 100%)))
+// +dotted-line(black, 20px 10px 4px)
+=dotted-line($stripe-color: rgba(#000, 1), $stripe: null)
+  $stripe-width: optional_nth($stripe, 1, 1px)
+  $gatter-width: optional_nth($stripe, 2, 4px)
+  $size: optional_nth($stripe, 3, 1px)
+  @if length($stripe-color) == 1
+    +background-image(linear-gradient(left, color-stops($stripe-color, $stripe-color (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent 100%)))
+  @else
+    @if percent(nth($stripe-color, 2))
+      $mix-stripe-color: darken(nth($stripe-color, 1), nth($stripe-color, 2))
+      +background-image(linear-gradient(left, color-stops($mix-stripe-color, $mix-stripe-color (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent 100%)))
+      background-color: nth($stripe-color, 1)
+    @else if color(nth($stripe-color, 2))
+      +background-image(linear-gradient(left, color-stops(nth($stripe-color, 1), nth($stripe-color, 1) (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent (strip_unit($stripe-width)/(strip_unit($stripe-width) + strip_unit($gatter-width)))*100%, transparent 100%)))
+      background-color: nth($stripe-color, 2)
   +background-size(($stripe-width + $gatter-width) ($stripe-width + $gatter-width))
   +rem('height', $size)
 
@@ -11,8 +21,12 @@
   @if length($stripe-color) == 1
     +background-image(linear-gradient(-45deg, $stripe-color 25%, transparent 25%, transparent 50%, $stripe-color 50%, $stripe-color 75%, transparent 75%, transparent))
   @else
-    $mix-stripe-color: darken(nth($stripe-color, 1), nth($stripe-color, 2))
-    +background-image(linear-gradient(-45deg, $mix-stripe-color 25%, transparent 25%, transparent 50%, $mix-stripe-color 50%, $mix-stripe-color 75%, transparent 75%, transparent))
-    background-color: $background-color
+    @if percent(nth($stripe-color, 2))
+      $mix-stripe-color: darken(nth($stripe-color, 1), nth($stripe-color, 2))
+      +background-image(linear-gradient(-45deg, $mix-stripe-color 25%, transparent 25%, transparent 50%, $mix-stripe-color 50%, $mix-stripe-color 75%, transparent 75%, transparent))
+      background-color: nth($stripe-color, 1)
+    @else
+      +background-image(linear-gradient(-45deg, nth($stripe-color, 1) 25%, transparent 25%, transparent 50%, nth($stripe-color, 1) 50%, nth($stripe-color, 1) 75%, transparent 75%, transparent))
+      background-color: nth($stripe-color, 2)
   +background-size($size $size)
   +rem('height', $size)

data/assets/stylesheets/settings/mixins/_responsive-utilities.css.sass

@@ -1,4 +1,4 @@
-// https://github.com/twbs/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss
+// https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_responsive-utilities.scss
 
 =responsive-visibility($parent)
   #{$parent}

data/assets/stylesheets/settings/mixins/_sassmatic.css.sass

@@ -83,7 +83,7 @@
   +filter(contrast(1.3) saturate(1.2) brightness(140%))
   position: relative
   &:after
-    -webkit-filter: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 92%, rgba(0, 0, 0, 0.69) 93%, rgba(0, 0, 0, 1) 100%)
+    +filter(radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 92%, rgba(0, 0, 0, 0.69) 93%, rgba(0, 0, 0, 1) 100%))
     +filter-setup
     +opacity(.9)
 

data/assets/stylesheets/settings/variables/_default.css.sass

@@ -18,9 +18,9 @@ $rgbapng_px_size: 8 !default
 // layout
 ////////////////
 
-$wrapper-class-name: wrapper !default
-$wrapper-max-width: 1100px !default
-$wrapper-horizontal-padding: 16px !default
+$container-class-name: container !default
+$container-max-width: 1100px !default
+$container-horizontal-padding: 16px !default
 
 /////////////////
 // selection

data/lib/middleman-oulu/version.rb

@@ -1,5 +1,5 @@
 module Middleman
   module Oulu
-    VERSION = "0.5.22"
+    VERSION = "0.5.25"
   end
 end

data/lib/middleman-oulu.rb

@@ -4,10 +4,5 @@ require 'compass'
 module Middleman
   module Oulu
     require 'rgbapng'
-    require 'SassyLists'
-    require 'ceaser-easing'
-    require 'modular-scale'
-    require 'toolkit'
-    require 'sassy-maps'
   end
 end

data/middleman-oulu.gemspec

@@ -22,13 +22,7 @@ Gem::Specification.new do |spec|
   spec.add_dependency("rake")
   spec.add_dependency("sass", "~> 3.4.5")
   spec.add_dependency("compass", "~> 1.0.1")
-
   spec.add_dependency("oily_png")
-  spec.add_dependency("ceaser-easing")
   spec.add_dependency("compass-rgbapng")
-  spec.add_dependency("modular-scale")
-  spec.add_dependency("SassyLists")
-  spec.add_dependency("sassy-maps")
-  spec.add_dependency("toolkit")
 
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: middleman-oulu
 version: !ruby/object:Gem::Version
-  version: 0.5.22
+  version: 0.5.25
 platform: ruby
 authors:
 - machida
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-12-27 00:00:00.000000000 Z
+date: 2015-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -80,20 +80,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: ceaser-easing
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: compass-rgbapng
   requirement: !ruby/object:Gem::Requirement
@@ -108,62 +94,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: modular-scale
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: SassyLists
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: sassy-maps
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-- !ruby/object:Gem::Dependency
-  name: toolkit
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 description: This gem provides assets files for Middleman Project.
 email:
 - machidanohimitsu@gmail.com
@@ -218,8 +148,6 @@ files:
 - assets/stylesheets/_oulu-base.css.sass
 - assets/stylesheets/_oulu.css.sass
 - assets/stylesheets/helper/_base-helper.css.sass
-- assets/stylesheets/helper/_click-actions.css.sass
-- assets/stylesheets/helper/_fade-actions.css.sass
 - assets/stylesheets/helper/_margin-padding.css.sass
 - assets/stylesheets/helper/_no-gutter-grids.css.sass
 - assets/stylesheets/helper/_typoglaphy.css.sass
@@ -251,6 +179,7 @@ files:
 - assets/stylesheets/settings/functions/_color.css.sass
 - assets/stylesheets/settings/functions/_content.css.sass
 - assets/stylesheets/settings/functions/_cursor.css.sass
+- assets/stylesheets/settings/functions/_grid.css.sass
 - assets/stylesheets/settings/functions/_image.css.sass
 - assets/stylesheets/settings/functions/_length.css.sass
 - assets/stylesheets/settings/functions/_list.css.sass

data/assets/stylesheets/helper/_click-actions.css.sass

@@ -1,188 +0,0 @@
-.is-bounce-expansion
-  +experimental('animation', bounce-expansion 1000ms linear both)
-  +relative
-
-+keyframes(bounce-expansion)
-  0%
-    $transform: matrix3d(1.4, 0, 0, 0, 0, 1.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  1.666667%
-    $transform: matrix3d(1.34471, 0, 0, 0, 0, 1.34471, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  3.333333%
-    $transform: matrix3d(1.28364, 0, 0, 0, 0, 1.28364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  5%
-    $transform: matrix3d(1.2213, 0, 0, 0, 0, 1.2213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  6.666667%
-    $transform: matrix3d(1.16126, 0, 0, 0, 0, 1.16126, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  8.333333%
-    $transform: matrix3d(1.10616, 0, 0, 0, 0, 1.10616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  10%
-    $transform: matrix3d(1.05781, 0, 0, 0, 0, 1.05781, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  11.666667%
-    $transform: matrix3d(1.01723, 0, 0, 0, 0, 1.01723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  13.333333%
-    $transform: matrix3d(0.98482, 0, 0, 0, 0, 0.98482, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  15%
-    $transform: matrix3d(0.96047, 0, 0, 0, 0, 0.96047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  16.666667%
-    $transform: matrix3d(0.94365, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  18.333333%
-    $transform: matrix3d(0.93356, 0, 0, 0, 0, 0.93356, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  20%
-    $transform: matrix3d(0.92922, 0, 0, 0, 0, 0.92922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  21.666667%
-    $transform: matrix3d(0.92959, 0, 0, 0, 0, 0.92959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  23.333333%
-    $transform: matrix3d(0.93358, 0, 0, 0, 0, 0.93358, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  25%
-    $transform: matrix3d(0.94017, 0, 0, 0, 0, 0.94017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  26.666667%
-    $transform: matrix3d(0.94844, 0, 0, 0, 0, 0.94844, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  28.333333%
-    $transform: matrix3d(0.95758, 0, 0, 0, 0, 0.95758, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  30%
-    $transform: matrix3d(0.9669, 0, 0, 0, 0, 0.9669, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  31.666667%
-    $transform: matrix3d(0.97588, 0, 0, 0, 0, 0.97588, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  33.333333%
-    $transform: matrix3d(0.98412, 0, 0, 0, 0, 0.98412, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  35%
-    $transform: matrix3d(0.99135, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  36.666667%
-    $transform: matrix3d(0.99742, 0, 0, 0, 0, 0.99742, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  38.333333%
-    $transform: matrix3d(1.00227, 0, 0, 0, 0, 1.00227, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  40%
-    $transform: matrix3d(1.00591, 0, 0, 0, 0, 1.00591, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  41.666667%
-    $transform: matrix3d(1.00843, 0, 0, 0, 0, 1.00843, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  43.333333%
-    $transform: matrix3d(1.00994, 0, 0, 0, 0, 1.00994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  45%
-    $transform: matrix3d(1.01059, 0, 0, 0, 0, 1.01059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  46.666667%
-    $transform: matrix3d(1.01053, 0, 0, 0, 0, 1.01053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  48.333333%
-    $transform: matrix3d(1.00993, 0, 0, 0, 0, 1.00993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  50%
-    $transform: matrix3d(1.00895, 0, 0, 0, 0, 1.00895, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  51.666667%
-    $transform: matrix3d(1.00771, 0, 0, 0, 0, 1.00771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  53.333333%
-    $transform: matrix3d(1.00635, 0, 0, 0, 0, 1.00635, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  55%
-    $transform: matrix3d(1.00495, 0, 0, 0, 0, 1.00495, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  56.666667%
-    $transform: matrix3d(1.00361, 0, 0, 0, 0, 1.00361, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  58.333333%
-    $transform: matrix3d(1.00237, 0, 0, 0, 0, 1.00237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  60%
-    $transform: matrix3d(1.00129, 0, 0, 0, 0, 1.00129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  61.666667%
-    $transform: matrix3d(1.00039, 0, 0, 0, 0, 1.00039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  63.333333%
-    $transform: matrix3d(0.99966, 0, 0, 0, 0, 0.99966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  65%
-    $transform: matrix3d(0.99912, 0, 0, 0, 0, 0.99912, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  66.666667%
-    $transform: matrix3d(0.99874, 0, 0, 0, 0, 0.99874, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  68.333333%
-    $transform: matrix3d(0.99851, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  70%
-    $transform: matrix3d(0.99842, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  71.666667%
-    $transform: matrix3d(0.99842, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  73.333333%
-    $transform: matrix3d(0.99851, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  75%
-    $transform: matrix3d(0.99866, 0, 0, 0, 0, 0.99866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  76.666667%
-    $transform: matrix3d(0.99885, 0, 0, 0, 0, 0.99885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  78.333333%
-    $transform: matrix3d(0.99905, 0, 0, 0, 0, 0.99905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  80%
-    $transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  81.666667%
-    $transform: matrix3d(0.99946, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  83.333333%
-    $transform: matrix3d(0.99964, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  85%
-    $transform: matrix3d(0.99981, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  86.666667%
-    $transform: matrix3d(0.99994, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  88.333333%
-    $transform: matrix3d(1.00005, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  90%
-    $transform: matrix3d(1.00013, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  91.666667%
-    $transform: matrix3d(1.00019, 0, 0, 0, 0, 1.00019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  93.333333%
-    $transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  95%
-    $transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  96.666667%
-    $transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  98.333333%
-    $transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)
-  100%
-    $transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
-    +experimental('transform', $transform)

data/assets/stylesheets/helper/_fade-actions.css.sass

@@ -1,30 +0,0 @@
-//
-  animation-name 名前
-  animation-duration 秒
-  animation-timing-function 動き方
-  animation-delay 遅延（秒）
-  animation-iteration-count 繰り返し回数（無限はinfinite）
-  animation-direction 反転alternate 通常normal
-
-  <animation-name>
-  <animation-duration>
-  <animation-timing-function>
-  <animation-delay>
-  <animation-iteration-count>
-  <animation-direction>
-  <animation-fill>
-
-.is-fadeout
-  +experimental('animation', fadeout 2s linear 0s 1 alternate forwards)
-  height: 0
-  min-height: 0
-  overflow: hidden
-  +relative
-
-+keyframes(fadeout)
-  0%
-    +opacity(1)
-    height: auto
-  100%
-    +opacity(0)
-    height: 0