mirror of
https://github.com/google/pebble.git
synced 2025-06-12 04:43:10 +00:00
Import the pebble dev site into devsite/
This commit is contained in:
parent
3b92768480
commit
527858cf4c
1359 changed files with 265431 additions and 0 deletions
152
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.effects.scss
vendored
Executable file
152
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.effects.scss
vendored
Executable 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 ) );
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue