summaryrefslogtreecommitdiff
path: root/www/css/_
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2019-04-02 10:49:25 -0400
committerPliable Pixels <pliablepixels@gmail.com>2019-04-02 10:49:25 -0400
commit54a54a2907cbf8f07cab2c05dd478570c78cf3f1 (patch)
tree18dd08033f2d96ab48f7634480bf306a82f68203 /www/css/_
parent29ac5329274d129b3c85eeda480048c6c7687cc5 (diff)
#801 final cleanups, some test aut stuff too
Diffstat (limited to 'www/css/_')
-rw-r--r--www/css/_/_fountain.scss77
-rw-r--r--www/css/_/_slidein-spring.scss67
-rw-r--r--www/css/_/_slidein.scss53
-rw-r--r--www/css/_/_zoomin.scss78
4 files changed, 0 insertions, 275 deletions
diff --git a/www/css/_/_fountain.scss b/www/css/_/_fountain.scss
deleted file mode 100644
index cd5a2933..00000000
--- a/www/css/_/_fountain.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-@mixin effects-fountain{
-
-/**
- * FOUNTAIN
- * When hovering the main button the child buttons
- * jump into view from outside the viewport
- */
-
- .mfb-component--tl.mfb-fountain,
- .mfb-component--tr.mfb-fountain{
- .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: $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-fountain,
- .mfb-component--br.mfb-fountain{
- .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 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;
- }
- }
- }
- }
- }
-
-}
diff --git a/www/css/_/_slidein-spring.scss b/www/css/_/_slidein-spring.scss
deleted file mode 100644
index 7a08d72d..00000000
--- a/www/css/_/_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 ); }
- }
- }
- }
- }
-
-}
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 ); }
- }
- }
- }
- }
-
-}
diff --git a/www/css/_/_zoomin.scss b/www/css/_/_zoomin.scss
deleted file mode 100644
index df0ee0ff..00000000
--- a/www/css/_/_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;
- }
- }
- }
- }
- }
-
-}