diff --git a/dist/css/ex1.css b/dist/css/ex1.css deleted file mode 100644 index e69de29..0000000 diff --git a/dist/css/ex2.css b/dist/css/ex2.css deleted file mode 100644 index e69de29..0000000 diff --git a/dist/css/main.css b/dist/css/main.css index bf22255..665b5c6 100644 --- a/dist/css/main.css +++ b/dist/css/main.css @@ -1,7 +1 @@ -/*! - * Hamburgers - * @description Tasty CSS-animated hamburgers - * @author Jonathan Suh @jonsuh - * @site https://jonsuh.com/hamburgers - * @link https://github.com/jonsuh/hamburgers - */.hamburger{padding:10px;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:grey}.hamburger-box{width:20px;height:20px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:20px;height:4px;background-color:grey;border-radius:4px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-8px}.hamburger-inner:after{bottom:-8px}.hamburger--3dx .hamburger-box{-webkit-perspective:40px;perspective:40px}.hamburger--3dx .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:40px;perspective:40px}.hamburger--3dx-r .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:40px;perspective:40px}.hamburger--3dy .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:40px;perspective:40px}.hamburger--3dy-r .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{-webkit-perspective:40px;perspective:40px}.hamburger--3dxy .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{-webkit-perspective:40px;perspective:40px}.hamburger--3dxy-r .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;-webkit-transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);transform:rotateX(180deg) rotateY(180deg) rotate(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{-webkit-transform:translate3d(-4px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-4px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{-webkit-transform:translate3d(-4px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-4px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(4px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(4px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(4px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(4px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{-webkit-transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{-webkit-transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;-webkit-transform:translate3d(-4px,-5px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-4px,-5px,0) rotate(-45deg) scaleX(.7);-webkit-transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;-webkit-transform:translate3d(-4px,5px,0) rotate(45deg) scaleX(.7);transform:translate3d(-4px,5px,0) rotate(45deg) scaleX(.7);-webkit-transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt-r .hamburger-inner:before{-webkit-transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{-webkit-transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;-webkit-transform:translate3d(4px,-5px,0) rotate(45deg) scaleX(.7);transform:translate3d(4px,-5px,0) rotate(45deg) scaleX(.7);-webkit-transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:translate3d(4px,5px,0) rotate(-45deg) scaleX(.7);transform:translate3d(4px,5px,0) rotate(-45deg) scaleX(.7);-webkit-transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s}.hamburger--arrowturn.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{-webkit-transition-property:none;transition-property:none}.hamburger--boring.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;-webkit-transition-duration:.13s;transition-duration:.13s;-webkit-transition-delay:.13s;transition-delay:.13s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner:after{top:-16px;-webkit-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{-webkit-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg);-webkit-transition-delay:.22s;transition-delay:.22s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;opacity:0;-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.hamburger--collapse.is-active .hamburger-inner:before{top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;-webkit-transition-duration:.13s;transition-duration:.13s;-webkit-transition-delay:.13s;transition-delay:.13s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner:after{top:-16px;-webkit-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{-webkit-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,-8px,0) rotate(45deg);transform:translate3d(0,-8px,0) rotate(45deg);-webkit-transition-delay:.22s;transition-delay:.22s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;opacity:0;-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s}.hamburger--elastic .hamburger-inner{top:2px;-webkit-transition-duration:.275s;transition-duration:.275s;-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner:before{top:8px;-webkit-transition:opacity .125s ease .275s;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:16px;-webkit-transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{-webkit-transform:translate3d(0,8px,0) rotate(135deg);transform:translate3d(0,8px,0) rotate(135deg);-webkit-transition-delay:75ms;transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner:before{-webkit-transition-delay:0s;transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-16px,0) rotate(-270deg);transform:translate3d(0,-16px,0) rotate(-270deg);-webkit-transition-delay:75ms;transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:2px;-webkit-transition-duration:.275s;transition-duration:.275s;-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner:before{top:8px;-webkit-transition:opacity .125s ease .275s;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:16px;-webkit-transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,8px,0) rotate(-135deg);transform:translate3d(0,8px,0) rotate(-135deg);-webkit-transition-delay:75ms;transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner:before{-webkit-transition-delay:0s;transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-16px,0) rotate(270deg);transform:translate3d(0,-16px,0) rotate(270deg);-webkit-transition-delay:75ms;transition-delay:75ms}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{-webkit-transition:background-color .125s ease-in .175s;transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;-webkit-transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic .hamburger-inner:after{top:8px;right:0;-webkit-transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic.is-active .hamburger-inner{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{left:-40px;top:-40px;-webkit-transform:translate3d(40px,40px,0) rotate(45deg);transform:translate3d(40px,40px,0) rotate(45deg);-webkit-transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic.is-active .hamburger-inner:after{right:-40px;top:-40px;-webkit-transform:translate3d(-40px,40px,0) rotate(-45deg);transform:translate3d(-40px,40px,0) rotate(-45deg);-webkit-transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{-webkit-transition:background-color .125s ease-in .175s;transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;-webkit-transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r .hamburger-inner:after{top:8px;right:0;-webkit-transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r.is-active .hamburger-inner{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{left:-40px;top:40px;-webkit-transform:translate3d(40px,-40px,0) rotate(-45deg);transform:translate3d(40px,-40px,0) rotate(-45deg);-webkit-transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--emphatic-r.is-active .hamburger-inner:after{right:-40px;top:40px;-webkit-transform:translate3d(-40px,-40px,0) rotate(45deg);transform:translate3d(-40px,-40px,0) rotate(45deg);-webkit-transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{-webkit-transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear;transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{opacity:0;-webkit-transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:8px;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;transition-duration:.15s}.hamburger--slider .hamburger-inner:after{top:16px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-2.8571428571px,-4px,0);transform:rotate(-45deg) translate3d(-2.8571428571px,-4px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-16px,0) rotate(-90deg);transform:translate3d(0,-16px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:8px;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;transition-duration:.15s}.hamburger--slider-r .hamburger-inner:after{top:16px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,8px,0) rotate(-45deg);transform:translate3d(0,8px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{-webkit-transform:rotate(45deg) translate3d(2.8571428571px,-4px,0);transform:rotate(45deg) translate3d(2.8571428571px,-4px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-16px,0) rotate(90deg);transform:translate3d(0,-16px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{-webkit-transition-duration:.22s;transition-duration:.22s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{-webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{-webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner:before{top:0;opacity:0;-webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s}.hamburger--spin-r .hamburger-inner{-webkit-transition-duration:.22s;transition-duration:.22s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner:before{-webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{-webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{-webkit-transform:rotate(-225deg);transform:rotate(-225deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;opacity:0;-webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s}.hamburger--spring .hamburger-inner{top:2px;-webkit-transition:background-color 0s linear .13s;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:8px;-webkit-transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:16px;-webkit-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{-webkit-transition-delay:.22s;transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:translate3d(0,8px,0) rotate(-45deg);transform:translate3d(0,8px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;-webkit-transition-duration:.13s;transition-duration:.13s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner:after{top:-16px;-webkit-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{-webkit-transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg);-webkit-transition-delay:.22s;transition-delay:.22s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;opacity:0;-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s}.hamburger--stand .hamburger-inner{-webkit-transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s}.hamburger--stand .hamburger-inner:before{-webkit-transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{-webkit-transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent!important;-webkit-transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s}.hamburger--stand.is-active .hamburger-inner:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand-r .hamburger-inner{-webkit-transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s}.hamburger--stand-r .hamburger-inner:before{-webkit-transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{-webkit-transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background-color:transparent!important;-webkit-transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s}.hamburger--squeeze .hamburger-inner{-webkit-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner:before{-webkit-transition:top 75ms ease .12s,opacity 75ms ease;transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{-webkit-transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;opacity:0;-webkit-transition:top 75ms ease,opacity 75ms ease .12s;transition:top 75ms ease,opacity 75ms ease .12s}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s}.hamburger--vortex .hamburger-inner{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.hamburger--vortex .hamburger-inner:before{-webkit-transition-property:top,opacity;transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex.is-active .hamburger-inner{-webkit-transform:rotate(765deg);transform:rotate(765deg);-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{-webkit-transition-delay:0s;transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{-webkit-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner:before{-webkit-transition-property:top,opacity;transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex-r.is-active .hamburger-inner{-webkit-transform:rotate(-765deg);transform:rotate(-765deg);-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{-webkit-transition-delay:0s;transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}body,html{height:100%;margin:0}body *,body :after,body :before,html *,html :after,html :before{-webkit-box-sizing:border-box;box-sizing:border-box}.playground{width:100%;height:100%;overflow:hidden}.playground__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;width:calc(100% + 300px);-webkit-transform:translateX(-300px);transform:translateX(-300px);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.playground--active .playground__inner{-webkit-transform:translateX(0);transform:translateX(0)}.playground__title{font-family:Noto Sans TC;font-weight:300;font-size:30px;padding:30px;margin:0}.playground__sidebar{width:300px;height:100%;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-shadow:-13px 4px 42px -15px rgba(59,59,59,.2) inset;box-shadow:inset -13px 4px 42px -15px rgba(59,59,59,.2);background-color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.playground__sidebar>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.playground__body,.playground__sidebar>.playground__title{-webkit-box-flex:0;-ms-flex:none;flex:none}.playground__body{width:100%;height:100%;position:relative}.playground__body .playground__toggler{position:absolute;left:0;top:0}.playground__content{width:100%;height:100%}.menu{width:100%;overflow:hidden;position:relative}.menu:before{top:0;height:10px;-webkit-filter:blur(3px);filter:blur(3px);background-image:-webkit-gradient(linear,left bottom,left top,from(transparent),to(hsla(0,0%,39.2%,.3)));background-image:linear-gradient(0deg,transparent,hsla(0,0%,39.2%,.3))}.menu:after,.menu:before{content:"";display:block;width:100%;position:absolute;pointer-events:none;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;z-index:3}.menu:after{bottom:0;height:10px;height:50%;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(hsla(0,0%,39.2%,.5)));background-image:linear-gradient(180deg,transparent,hsla(0,0%,39.2%,.5))}.menu--bot-shaded:after,.menu--top-shaded:before{opacity:1}.menu__inner{height:100%;overflow:auto}.menu__item,.menu__list{width:100%}.menu__link{font-size:16px;font-family:Noto Sans TC;padding:20px 30px;background-color:transparent;-webkit-transition:color .5s,background-color .5s;transition:color .5s,background-color .5s;width:100%;display:block;color:grey;text-decoration:none}.menu__link:active,.menu__link:hover{color:#fff;text-decoration:none}.menu__link:hover{background-color:hsla(0,0%,68.6%,.5)} \ No newline at end of file +*{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:微軟正黑體,Microsoft JhengHei,Arial,文泉驛正黑,WenQuanYi Zen Hei,蘋方-繁,PingFang TC,黑體-繁,Heiti TC,儷黑 Pro,LiHei Pro,sans-serif;margin:0;padding:0}:focus{outline:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.15}body{color:#000;line-height:1}body,html{-ms-overflow-style:scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}table caption,table td,table th{font-weight:400;text-align:left}table td,table th{vertical-align:top}ol,ul{list-style:none}p{color:#000}pre{font-family:微軟正黑體,Microsoft JhengHei,Arial,文泉驛正黑,WenQuanYi Zen Hei,蘋方-繁,PingFang TC,黑體-繁,Heiti TC,儷黑 Pro,LiHei Pro,sans-serif;font-size:1em;white-space:pre-wrap;word-break:break-word}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:#2196f3;display:inline-block;text-decoration:none}a:active,a:focus,a:hover{color:#000;text-decoration:underline}a[href]{cursor:pointer}b,strong{font-weight:bolder}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{border-style:none;display:inline-block;width:100%}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;text-transform:none}textarea{overflow:auto;resize:none}textarea:invalid{-webkit-box-shadow:none;box-shadow:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input:invalid{-webkit-box-shadow:none;box-shadow:none}input[type=""]::-ms-clear,input[type=password]::-ms-reveal{display:none}input::-webkit-input-placeholder{font:inherit}input:-ms-input-placeholder,input:-webkit-input-placeholder,input::-ms-input-placeholder,input::placeholder{font:inherit}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=button],[type=reset],[type=submit]{-webkit-appearance:button}label[for]{cursor:pointer}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}template{display:none}body,html{height:100%} \ No newline at end of file diff --git a/dist/examples/ex1.d.ts b/dist/examples/ex1.d.ts deleted file mode 100644 index e69de29..0000000 diff --git a/dist/examples/ex1.html b/dist/examples/ex1.html deleted file mode 100644 index 0b29286..0000000 --- a/dist/examples/ex1.html +++ /dev/null @@ -1 +0,0 @@ -