diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 12:42:48 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-27 12:42:48 -0400 |
| commit | 210e8feae2fb4842bfb2de38666e6c41671fef3c (patch) | |
| tree | cbdafa34b1a6260bb20236d7e9de9eb1b690a1c5 /www/lib/ng-mfb/mfb/src/_/_slidein-spring.scss | |
| parent | e7e7baeaad90229ccb3e0f45f4ebd77be7d79b14 (diff) | |
removed lib
Diffstat (limited to 'www/lib/ng-mfb/mfb/src/_/_slidein-spring.scss')
| -rw-r--r-- | www/lib/ng-mfb/mfb/src/_/_slidein-spring.scss | 67 |
1 files changed, 0 insertions, 67 deletions
diff --git a/www/lib/ng-mfb/mfb/src/_/_slidein-spring.scss b/www/lib/ng-mfb/mfb/src/_/_slidein-spring.scss deleted file mode 100644 index 7a08d72d..00000000 --- a/www/lib/ng-mfb/mfb/src/_/_slidein-spring.scss +++ /dev/null @@ -1,67 +0,0 @@ -@mixin effects-slidein-spring{ - -/** - * SLIDE IN SPRING - * Same as slide-in but with a springy animation. - * - */ - - .mfb-component--tl.mfb-slidein-spring, - .mfb-component--tr.mfb-slidein-spring{ - .mfb-component__list li{ - opacity: 0; - transition: all $slide-speed; - transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); - } - @for $i from 1 through $number-of-child-buttons { - .mfb-component__list li:nth-child( #{$i} ) { - transition-delay: #{$i * 0.05}s; - } - } - &[data-mfb-toggle="hover"]:hover, - &[data-mfb-state="open"]{ - .mfb-component__list{ - li{ - opacity: 1; - } - @for $i from 1 through $number-of-child-buttons { - $distance: $button-space * $i; - li:nth-child( #{$i} ) { - transition-delay: #{$i * 0.05}s; - -webkit-transform: translateY( $distance ); - transform: translateY( $distance ); } - } - } - } - } - - .mfb-component--bl.mfb-slidein-spring, - .mfb-component--br.mfb-slidein-spring{ - .mfb-component__list li{ - opacity: 0; - transition: all $slide-speed; - transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); - } - @for $i from 1 through $number-of-child-buttons { - .mfb-component__list li:nth-child( #{$i} ) { - transition-delay: #{$i * 0.05}s; - } - } - &[data-mfb-toggle="hover"]:hover, - &[data-mfb-state="open"]{ - .mfb-component__list{ - li{ - opacity: 1; - } - @for $i from 1 through $number-of-child-buttons { - $distance: -1 * $button-space * $i; - li:nth-child( #{$i} ) { - transition-delay: #{$i * 0.05}s; - -webkit-transform: translateY( $distance ); - transform: translateY( $distance ); } - } - } - } - } - -} |
