Import the pebble dev site into devsite/

This commit is contained in:
Katharine Berry 2025-02-17 17:02:33 -08:00
parent 3b92768480
commit 527858cf4c
1359 changed files with 265431 additions and 0 deletions

View file

@ -0,0 +1,152 @@
/*
jQuery.mmenu effects extension CSS
*/
@import "../inc/variables";
// Slide
html.mm-slide
{
.mm-menu
{
-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
transition: transform $mm_transitionDuration $mm_transitionFunction;
}
// Left
&.mm-opened .mm-menu
{
@include mm_webkit-prefix( 'transform', translateX( -$mm_subpanelOffset ) );
}
&.mm-opening .mm-menu
{
@include mm_webkit-prefix( 'transform', translateX( 0% ) );
}
// Right
&.mm-right
{
&.mm-opened .mm-menu
{
@include mm_webkit-prefix( 'transform', translateX( $mm_subpanelOffset ) );
}
&.mm-opening .mm-menu
{
@include mm_webkit-prefix( 'transform', translateX( 0% ) );
}
}
// Top
&.mm-top
{
&.mm-opened .mm-menu
{
@include mm_webkit-prefix( 'transform', translateY( -$mm_subpanelOffset ) );
}
&.mm-opening .mm-menu
{
@include mm_webkit-prefix( 'transform', translateY( 0% ) );
}
}
// Bottom
&.mm-bottom
{
&.mm-opened .mm-menu
{
@include mm_webkit-prefix( 'transform', translateY( $mm_subpanelOffset ) );
}
&.mm-opening .mm-menu
{
@include mm_webkit-prefix( 'transform', translateY( 0% ) );
}
}
}
// Zoom menu
$mm_scaleDown: 0.7;
$mm_scaleUp: 1.5;
html.mm-zoom-menu
{
.mm-menu
{
-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
transition: transform $mm_transitionDuration $mm_transitionFunction;
}
// Left
&.mm-opened .mm-menu
{
@include mm_webkit-prefix( 'transform', scale( $mm_scaleDown, $mm_scaleDown ) translateX( -$mm_subpanelOffset ) );
@include mm_webkit-prefix( 'transform-origin', left center );
}
&.mm-opening .mm-menu
{
@include mm_webkit-prefix( 'transform', scale( 1, 1 ) translateX( 0% ) );
}
// Right
&.mm-right
{
&.mm-opened .mm-menu
{
@include mm_webkit-prefix( 'transform', scale( $mm_scaleDown, $mm_scaleDown) translateX( $mm_subpanelOffset ) );
@include mm_webkit-prefix( 'transform-origin', right center );
}
&.mm-opening .mm-menu
{
@include mm_webkit-prefix( 'transform', scale( 1, 1 ) translateX( 0% ) );
}
}
// Top
&.mm-top
{
&.mm-opened .mm-menu
{
@include mm_webkit-prefix( 'transform', scale( $mm_scaleDown, $mm_scaleDown ) translateY( -$mm_subpanelOffset ) );
@include mm_webkit-prefix( 'transform-origin', center top );
}
&.mm-opening .mm-menu
{
@include mm_webkit-prefix( 'transform', scale( 1, 1 ) translateY( 0% ) );
}
}
// Bottom
&.mm-bottom
{
&.mm-opened .mm-menu
{
@include mm_webkit-prefix( 'transform', scale( $mm_scaleDown, $mm_scaleDown ) translateY( $mm_subpanelOffset ) );
@include mm_webkit-prefix( 'transform-origin', center bottom );
}
&.mm-opening .mm-menu
{
@include mm_webkit-prefix( 'transform', scale( 1, 1 ) translateY( 0% ) );
}
}
}
// Zoom panels
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel
{
@include mm_webkit-prefix( 'transform', scale( $mm_scaleUp, $mm_scaleUp ) translateX( 100% ) );
@include mm_webkit-prefix( 'transform-origin', left center );
-webkit-transition-property: -webkit-transform, left;
transition-property: transform, left;
&.mm-opened
{
@include mm_webkit-prefix( 'transform', scale( 1, 1 ) translateX( 0% ) );
&.mm-subopened
{
@include mm_webkit-prefix( 'transform', scale( $mm_scaleDown, $mm_scaleDown ) translateX( -$mm_subpanelOffset ) );
}
}
}