oulu-rails 0.5.23 → 0.5.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7cc02577935cc850eb539e0018cf8f19b3c870c7
-  data.tar.gz: 9cf37168a8a6b39a5708850c6c53d25e08cedf20
+  metadata.gz: 39705079f56dedf832417d2885c5cccfe8704947
+  data.tar.gz: 7d2f6f8be2d55063959d8da6abb5c44e0b05302c
 SHA512:
-  metadata.gz: f929bd6881fd463834e7da5d069181492c8ddd1d62033ce157ed9594d06f7bbc3ef72dea3878a9b9a634f5daa189551f99506e0aa50df44817b5a2366a258255
-  data.tar.gz: 0c4fecbc0fb96a0934d46a8b92adc99fefbc3ee09fca014074313dcd7bb485c04727778b5f6a1c022f28f965bd224da1c01d929bf7397d4f2abd85d60fb33775
+  metadata.gz: 52a4f49e26c7d08cc9e5f4132f71cae1cc54ed4c4372c0daa4a1d34d29a97db22317820028dd1567b9512eb1187f2d583c4db807e9a6441f42b84b28f95b6ad7
+  data.tar.gz: d9234d759dafdb407b0782b2bfc78d55ee76c5fa956ebed2db9d58664732e90a67222b34cf0cb7f15329921a621395b5f69991d0513e4d7ca9ee5fd4361b5f29

data/lib/oulu-rails/version.rb

@@ -1,3 +1,3 @@
 module OuluRails
-  VERSION = "0.5.23"
+  VERSION = "0.5.24"
 end

data/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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/vendor/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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: oulu-rails
 version: !ruby/object:Gem::Version
-  version: 0.5.23
+  version: 0.5.24
 platform: ruby
 authors:
 - machida
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-12-27 00:00:00.000000000 Z
+date: 2015-01-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass-rails
@@ -315,8 +315,6 @@ files:
 - vendor/assets/stylesheets/bootcamp/test/utils/_list-join.scss
 - vendor/assets/stylesheets/bootcamp/test/utils/_power.scss
 - vendor/assets/stylesheets/helper/_base-helper.css.sass
-- vendor/assets/stylesheets/helper/_click-actions.css.sass
-- vendor/assets/stylesheets/helper/_fade-actions.css.sass
 - vendor/assets/stylesheets/helper/_margin-padding.css.sass
 - vendor/assets/stylesheets/helper/_no-gutter-grids.css.sass
 - vendor/assets/stylesheets/helper/_typoglaphy.css.sass

data/vendor/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/vendor/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