summaryrefslogtreecommitdiff
path: root/www/lib/ng-mfb/mfb/src/_/_zoomin.scss
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2017-09-27 12:42:48 -0400
committerPliable Pixels <pliablepixels@gmail.com>2017-09-27 12:42:48 -0400
commit210e8feae2fb4842bfb2de38666e6c41671fef3c (patch)
treecbdafa34b1a6260bb20236d7e9de9eb1b690a1c5 /www/lib/ng-mfb/mfb/src/_/_zoomin.scss
parente7e7baeaad90229ccb3e0f45f4ebd77be7d79b14 (diff)
removed lib
Diffstat (limited to 'www/lib/ng-mfb/mfb/src/_/_zoomin.scss')
-rw-r--r--www/lib/ng-mfb/mfb/src/_/_zoomin.scss78
1 files changed, 0 insertions, 78 deletions
diff --git a/www/lib/ng-mfb/mfb/src/_/_zoomin.scss b/www/lib/ng-mfb/mfb/src/_/_zoomin.scss
deleted file mode 100644
index df0ee0ff..00000000
--- a/www/lib/ng-mfb/mfb/src/_/_zoomin.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-@mixin effects-zoomin{
-
-/**
- * ZOOM-IN
- * When hovering the main button, the child buttons grow
- * from zero to normal size.
- *
- */
-
- .mfb-component--tl.mfb-zoomin,
- .mfb-component--tr.mfb-zoomin{
- .mfb-component__list{
- li{
- -webkit-transform: scale(0);
- transform: scale(0);
- }
- @for $i from 1 through $number-of-child-buttons {
- $distance: $button-space * $i;
- li:nth-child( #{$i} ) {
- -webkit-transform: translateY($distance) scale(0);
- transform: translateY($distance) scale(0);
- transition: all $slide-speed;
- // this is the delay at which the buttons *disappear*
- transition-delay: ( $number-of-child-buttons - $i ) * 0.05s;
- }
- }
- }
- &[data-mfb-toggle="hover"]:hover,
- &[data-mfb-state="open"]{
- .mfb-component__list{
- @for $i from 1 through $number-of-child-buttons {
- $distance: $button-space * $i;
- li:nth-child( #{$i} ) {
- -webkit-transform: translateY($distance) scale(1);
- transform: translateY($distance) scale(1);
- // this is the delay at which the buttons *appear*
- transition-delay: $i * 0.05s;
- }
- }
- }
- }
- }
-
- .mfb-component--bl.mfb-zoomin,
- .mfb-component--br.mfb-zoomin{
- .mfb-component__list{
- li{
- -webkit-transform: scale(0);
- transform: scale(0);
- }
- @for $i from 1 through $number-of-child-buttons {
- $distance: -1 * $button-space * $i;
- li:nth-child( #{$i} ) {
- -webkit-transform: translateY($distance) scale(0);
- transform: translateY($distance) scale(0);
- transition: all $slide-speed;
- // this is the delay at which the buttons start disappearing
- transition-delay: ( $number-of-child-buttons - $i ) * 0.05s;
- }
- }
- }
- &[data-mfb-toggle="hover"]:hover,
- &[data-mfb-state="open"]{
- .mfb-component__list{
- @for $i from 1 through $number-of-child-buttons {
- $distance: -1 * $button-space * $i;
- li:nth-child( #{$i} ) {
- -webkit-transform: translateY($distance) scale(1);
- transform: translateY($distance) scale(1);
- // this is the delay at which the buttons appear
- transition-delay: $i * 0.05s;
- }
- }
- }
- }
- }
-
-}