mirror of
https://github.com/google/pebble.git
synced 2025-06-04 01:03:12 +00:00
Import the pebble dev site into devsite/
This commit is contained in:
Katharine Berry
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 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
24
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.fullscreen.scss
vendored
Executable file
24
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.fullscreen.scss
vendored
Executable file
|
|
@ -0,0 +1,24 @@
|
|||
/*
|
||||
jQuery.mmenu fullscreen extension CSS
|
||||
*/
|
||||
|
||||
@import "../inc/variables";
|
||||
|
||||
$mm_fs_class : ".mm-fullscreen";
|
||||
$mm_fs_full : 1 !default;
|
||||
$mm_fs_min : 140px !default;
|
||||
$mm_fs_max : 10000px !default;
|
||||
|
||||
@include mm_sizing( $mm_fs_class,
|
||||
$mm_fs_full, $mm_fs_min, $mm_fs_max );
|
||||
|
||||
@include mm_sizing_right( $mm_fs_class,
|
||||
$mm_fs_full, $mm_fs_min, $mm_fs_max);
|
||||
|
||||
@include mm_sizing_zposition( $mm_fs_class,
|
||||
$mm_fs_full, $mm_fs_min, $mm_fs_max );
|
||||
|
||||
html.mm-opened#{$mm_fs_class} .mm-page
|
||||
{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
31
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.iconbar.scss
vendored
Executable file
31
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.iconbar.scss
vendored
Executable file
|
|
@ -0,0 +1,31 @@
|
|||
/*
|
||||
jQuery.mmenu iconbar extension CSS
|
||||
*/
|
||||
|
||||
@import "../inc/variables";
|
||||
|
||||
|
||||
$mm_ib_pageOffset: $mm_btnSize + ( $mm_padding * 2 ) !default;
|
||||
|
||||
body
|
||||
{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.mm-page
|
||||
{
|
||||
background: inherit;
|
||||
min-height: 100vh;
|
||||
|
||||
padding-right: $mm_ib_pageOffset;
|
||||
@include mm-webkit-prefix( 'transform', translateX( $mm_ib_pageOffset ) );
|
||||
}
|
||||
|
||||
.mm-menu
|
||||
{
|
||||
&:first-child,
|
||||
&.mm-current
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
98
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.positioning.scss
vendored
Executable file
98
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.positioning.scss
vendored
Executable file
|
|
@ -0,0 +1,98 @@
|
|||
/*
|
||||
jQuery.mmenu position extension CSS
|
||||
*/
|
||||
|
||||
@import "../inc/variables";
|
||||
|
||||
// top
|
||||
// bottom
|
||||
.mm-menu.mm-top,
|
||||
.mm-menu.mm-bottom
|
||||
{
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
// right
|
||||
.mm-menu.mm-right
|
||||
{
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
// bottom
|
||||
.mm-menu.mm-bottom
|
||||
{
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
@include mm_sizing_right;
|
||||
|
||||
|
||||
|
||||
/*
|
||||
jQuery.mmenu z-position extension CSS
|
||||
*/
|
||||
|
||||
// reset defaults
|
||||
html.mm-front
|
||||
{
|
||||
.mm-page,
|
||||
#mm-blocker
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( 0, 0 ) !important );
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// styling
|
||||
.mm-menu.mm-front
|
||||
{
|
||||
z-index: 1;
|
||||
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.5 );
|
||||
}
|
||||
html.mm-opened.mm-next .mm-page
|
||||
{
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// animations
|
||||
.mm-menu
|
||||
{
|
||||
&.mm-front,
|
||||
&.mm-next
|
||||
{
|
||||
-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
transition: transform $mm_transitionDuration $mm_transitionFunction;
|
||||
|
||||
@include mm-webkit-prefix( 'transform', translate( -100%, 0 ) );
|
||||
|
||||
&.mm-right
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( 100%, 0 ) );
|
||||
}
|
||||
}
|
||||
&.mm-front
|
||||
{
|
||||
&.mm-top
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( 0, -100% ) );
|
||||
}
|
||||
&.mm-bottom
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( 0, 100% ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
html.mm-opening .mm-menu
|
||||
{
|
||||
&.mm-front,
|
||||
&.mm-next
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( 0, 0 ) );
|
||||
}
|
||||
}
|
||||
|
||||
@include mm_sizing_zposition;
|
||||
82
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.themes.scss
vendored
Executable file
82
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.themes.scss
vendored
Executable file
|
|
@ -0,0 +1,82 @@
|
|||
/*
|
||||
jQuery.mmenu themes extension CSS
|
||||
*/
|
||||
|
||||
@import "../inc/variables";
|
||||
|
||||
@mixin mm_apply_theme()
|
||||
{
|
||||
@include mm_colors( $mm_t_cls,
|
||||
$mm_t_backgroundColor, $mm_t_pageShadow,
|
||||
$mm_t_textColor, $mm_t_dimmedTextColor,
|
||||
$mm_t_emphasizedBackgroundColor, $mm_t_highlightedBackgroundColor,
|
||||
$mm_t_borderColor );
|
||||
|
||||
@include mm_colors_buttonbars( $mm_t_cls,
|
||||
$mm_t_backgroundColor,
|
||||
$mm_t_textColor );
|
||||
|
||||
@include mm_colors_checks( $mm_t_cls,
|
||||
$mm_t_textColor );
|
||||
|
||||
@include mm_colors_counters( $mm_t_cls,
|
||||
$mm_t_dimmedTextColor );
|
||||
|
||||
@include mm_colors_footer( $mm_t_cls,
|
||||
$mm_t_dimmedTextColor,
|
||||
$mm_t_borderColor );
|
||||
|
||||
@include mm_colors_header( $mm_t_cls,
|
||||
$mm_t_dimmedTextColor,
|
||||
$mm_t_borderColor );
|
||||
|
||||
@include mm_colors_labels( $mm_t_cls,
|
||||
$mm_t_highlightedBackgroundColor );
|
||||
|
||||
@include mm_colors_searchfield( $mm_t_cls,
|
||||
$mm_t_inputBackgroundColor, $mm_t_textColor,
|
||||
$mm_t_dimmedTextColor );
|
||||
|
||||
@include mm_colors_toggles( $mm_t_cls,
|
||||
$mm_t_backgroundColor,
|
||||
$mm_t_borderColor );
|
||||
}
|
||||
|
||||
|
||||
// Light
|
||||
$mm_t_cls : ".mm-light";
|
||||
$mm_t_pageShadow : 0 0 10px rgba( 0, 0, 0, 0.3 );
|
||||
$mm_t_borderColor : rgba( 0, 0, 0, 0.1 );
|
||||
$mm_t_backgroundColor : #f3f3f3;
|
||||
$mm_t_emphasizedBackgroundColor : rgba( 255, 255, 255, 0.6 );
|
||||
$mm_t_highlightedBackgroundColor: rgba( 0, 0, 0, 0.03 );
|
||||
$mm_t_textColor : rgba( 0, 0, 0, 0.6 );
|
||||
$mm_t_dimmedTextColor : rgba( 0, 0, 0, 0.3 );
|
||||
$mm_t_inputBackgroundColor : rgba( 0, 0, 0, 0.1 );
|
||||
@include mm_apply_theme;
|
||||
|
||||
|
||||
// White
|
||||
$mm_t_cls : ".mm-white";
|
||||
$mm_t_pageShadow : 0 0 10px rgba( 0, 0, 0, 0.3 );
|
||||
$mm_t_borderColor : rgba( 0, 0, 0, 0.1 );
|
||||
$mm_t_backgroundColor : #fff;
|
||||
$mm_t_emphasizedBackgroundColor : rgba( 0, 0, 0, 0.06 );
|
||||
$mm_t_highlightedBackgroundColor: rgba( 0, 0, 0, 0.03 );
|
||||
$mm_t_textColor : rgba( 0, 0, 0, 0.6 );
|
||||
$mm_t_dimmedTextColor : rgba( 0, 0, 0, 0.3 );
|
||||
$mm_t_inputBackgroundColor : rgba( 0, 0, 0, 0.1 );
|
||||
@include mm_apply_theme;
|
||||
|
||||
|
||||
// Black
|
||||
$mm_t_cls : ".mm-black";
|
||||
$mm_t_pageShadow : none;
|
||||
$mm_t_borderColor : rgba( 255, 255, 255, 0.2 );
|
||||
$mm_t_backgroundColor : #000;
|
||||
$mm_t_emphasizedBackgroundColor : rgba( 255, 255, 255, 0.25 );
|
||||
$mm_t_highlightedBackgroundColor: rgba( 255, 255, 255, 0.15 );
|
||||
$mm_t_textColor : rgba( 255, 255, 255, 0.6 );
|
||||
$mm_t_dimmedTextColor : rgba( 255, 255, 255, 0.3 );
|
||||
$mm_t_inputBackgroundColor : rgba( 255, 255, 255, 0.3 );
|
||||
@include mm_apply_theme;
|
||||
60
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.widescreen.scss
vendored
Executable file
60
third_party/jquery-mmenu/sass/mmenu/extensions/jquery.mmenu.widescreen.scss
vendored
Executable file
|
|
@ -0,0 +1,60 @@
|
|||
/*
|
||||
jQuery.mmenu widescreen extension CSS
|
||||
|
||||
To use on widescreens only, include it using a mediaquery:
|
||||
<link type="text/css" href="mmenu-widescreen.css" media="all and (min-width: 900px)"/>
|
||||
*/
|
||||
|
||||
@import "../inc/variables";
|
||||
|
||||
$mm_ws_menuWidth: 0.3 !default;
|
||||
|
||||
|
||||
// Positioning and sizing
|
||||
html, body
|
||||
{
|
||||
overflow: auto;
|
||||
}
|
||||
body
|
||||
{
|
||||
padding-left: percentage( $mm_ws_menuWidth ) !important;
|
||||
position: relative;
|
||||
}
|
||||
#mm-blocker
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
.mm-page
|
||||
{
|
||||
box-shadow: none !important;
|
||||
background: inherit;
|
||||
|
||||
box-sizing: border-box;
|
||||
min-height: 100vh;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
position: relative !important;
|
||||
top: 0 !important;
|
||||
z-index: 1;
|
||||
}
|
||||
.mm-menu
|
||||
{
|
||||
width: percentage( $mm_ws_menuWidth ) !important;
|
||||
z-index: 0;
|
||||
|
||||
&.mm-top,
|
||||
&.mm-right,
|
||||
&.mm-bottom
|
||||
{
|
||||
top: 0 !important;
|
||||
right: auto !important;
|
||||
bottom: auto !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
|
||||
&:first-child,
|
||||
&.mm-current
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue