diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2019-04-02 10:49:25 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2019-04-02 10:49:25 -0400 |
| commit | 54a54a2907cbf8f07cab2c05dd478570c78cf3f1 (patch) | |
| tree | 18dd08033f2d96ab48f7634480bf306a82f68203 /www/css/_/_slidein.scss | |
| parent | 29ac5329274d129b3c85eeda480048c6c7687cc5 (diff) | |
#801 final cleanups, some test aut stuff too
Diffstat (limited to 'www/css/_/_slidein.scss')
| -rw-r--r-- | www/css/_/_slidein.scss | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/www/css/_/_slidein.scss b/www/css/_/_slidein.scss deleted file mode 100644 index f2735124..00000000 --- a/www/css/_/_slidein.scss +++ /dev/null @@ -1,53 +0,0 @@ -@mixin effects-slidein{ - -/** - * SLIDE IN + FADE - * When hovering the main button, the child buttons slide out from beneath - * the main button while transitioning from transparent to opaque. - * - */ - - .mfb-component--tl.mfb-slidein, - .mfb-component--tr.mfb-slidein{ - .mfb-component__list li{ - opacity: 0; - transition: all $slide-speed; - } - &[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} ) { - -webkit-transform: translateY( $distance ); - transform: translateY( $distance ); } - } - } - } - } - - .mfb-component--bl.mfb-slidein, - .mfb-component--br.mfb-slidein{ - .mfb-component__list li{ - opacity: 0; - transition: all $slide-speed; - } - &[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} ) { -webkit-transform: translateY( $distance ); - transform: translateY( $distance ); } - } - } - } - } - -} |
