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,99 @@
/*
jQuery.mmenu buttonbars addon CSS
*/
@import "../inc/variables";
.mm-buttonbar
{
border: 1px solid transparent;
border-radius: $mm_padding / 2;
text-align: center;
line-height: $mm_buttonbarHeight;
overflow: hidden;
display: block;
padding: 0;
margin: 0;
position: relative;
@include mm_clearfix;
> *
{
border-left: 1px solid transparent;
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
float: left;
@include mm_ellipsis;
}
> a
{
text-decoration: none;
}
> input
{
position: absolute;
left: -1000px;
top: -1000px;
}
> input:checked + label
{
border-color: transparent !important;
}
> *:first-child,
> input:first-child + *
{
border-left: none;
}
&.mm-buttonbar-2 > *
{
width: 50%;
}
&.mm-buttonbar-3 > *
{
width: 33.33%;
}
&.mm-buttonbar-4 > *
{
width: 25%;
}
&.mm-buttonbar-5 > *
{
width: 20%;
}
}
.mm-header .mm-buttonbar
{
margin-top: $mm_headerHeight - ( $mm_buttonbarHeight * 2 );
margin-left: -( $mm_btnSize - $mm_padding );
margin-right: -( $mm_btnSize - $mm_padding );
}
.mm-footer .mm-buttonbar
{
border: none;
border-radius: none;
line-height: $mm_footerHeight;
margin: ( -$mm_padding ) ( -$mm_padding ) 0 ( -( $mm_padding * 2 ) );
> *
{
border-left: none;
}
}
.mm-list > li > .mm-buttonbar
{
margin: $mm_padding ( $mm_padding * 2 );
}
@include mm_colors_buttonbars;

View file

@ -0,0 +1,53 @@
/*
jQuery.mmenu counters addon CSS
*/
@import "../inc/variables";
em.mm-counter
{
font: inherit;
font-size: $mm_fontSize;
font-style: normal;
text-indent: 0;
line-height: $mm_btnSize / 2;
display: block;
margin-top: -( $mm_btnSize / 4 );
position: absolute;
right: $mm_subopenWidth;
top: 50%;
+ a.mm-subopen
{
padding-left: $mm_counterWidth;
+ a,
+ span
{
margin-right: $mm_counterWidth + $mm_subopenWidth;
}
}
+ a.mm-fullsubopen
{
padding-left: 0;
}
}
// vertical submenu
.mm-vertical
{
em.mm-counter
{
top: ( $mm_btnSize / 4 ) + 2;
margin-top: 0;
}
}
// Search
.mm-nosubresults > em.mm-counter
{
display: none;
}
@include mm_colors_counters;

View file

@ -0,0 +1,17 @@
/*
jQuery.mmenu dragOpen addon CSS
*/
@import "../inc/variables";
html.mm-opened.mm-dragging
{
.mm-menu,
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom,
#mm-blocker
{
@include mm_webkit-prefix( "transition-duration", 0s );
}
}

View file

@ -0,0 +1,34 @@
/*
jQuery.mmenu footer addon CSS
*/
@import "../inc/variables";
.mm-footer
{
background: inherit;
border-top: 1px solid transparent;
text-align: center;
line-height: $mm_footerHeight - ( $mm_padding * 2 );
box-sizing: border-box;
width: 100%;
height: $mm_footerHeight;
padding: $mm_padding $mm_padding 0 ( $mm_padding * 2 );
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
}
.mm-menu.mm-hasfooter
{
> .mm-panel:after
{
height: $mm_footerHeight + $mm_btnSize;
}
}
@include mm_colors_footer;

View file

@ -0,0 +1,142 @@
/*
jQuery.mmenu header addon CSS
*/
@import "../inc/variables";
.mm-header
{
background: inherit;
border-bottom: 1px solid transparent;
text-align: center;
line-height: $mm_btnSize / 2;
box-sizing: border-box;
width: 100%;
height: $mm_headerHeight;
padding: 0 ( $mm_btnSize + $mm_padding );
position: absolute;
z-index: 2;
top: 0;
left: 0;
.mm-title,
.mm-prev,
.mm-next,
.mm-close
{
padding-top: $mm_headerPaddingTop;
}
.mm-title
{
@include mm_ellipsis;
display: inline-block;
width: 100%;
position: relative;
}
.mm-prev,
.mm-next,
.mm-close
{
text-decoration: none;
display: block;
box-sizing: border-box;
min-width: $mm_padding;
height: 100%;
position: absolute;
top: 0;
z-index: 1;
}
.mm-prev
{
padding-left: ( $mm_padding * 2 );
padding-right: $mm_padding;
left: 0;
}
.mm-next,
.mm-close
{
padding-left: $mm_padding;
padding-right: ( $mm_padding * 2 );
right: 0;
}
[href]
{
&.mm-prev:before,
&.mm-next:after
{
@include mm_arrow;
}
&.mm-prev:before
{
@include mm_arrow-prev;
margin-left: 2px;
margin-right: $mm_padding / 2;
}
&.mm-next:after,
&.mm-close:after
{
margin-left: $mm_padding / 2;
margin-right: -2px;
}
&.mm-next:after
{
@include mm_arrow-next;
}
&.mm-close:after
{
content: 'x';
}
}
}
.mm-menu.mm-hassearch .mm-header
{
height: $mm_headerHeight - $mm_padding;
top: $mm_searchHeight;
.mm-title,
.mm-prev,
.mm-next,
.mm-close
{
padding-top: $mm_headerPaddingTop - $mm_padding;
}
}
$mm_paddingBeneathHeader: $mm_padding * 2 !default;
.mm-menu.mm-hasheader
{
li.mm-subtitle
{
display: none;
}
> .mm-panel
{
padding-top: $mm_headerHeight + $mm_paddingBeneathHeader;
&.mm-list
{
padding-top: $mm_headerHeight;
}
> .mm-list:first-child
{
margin-top: -$mm_paddingBeneathHeader;
}
}
&.mm-hassearch > .mm-panel
{
padding-top: $mm_headerHeight + $mm_searchHeight + $mm_padding;
&.mm-list
{
padding-top: $mm_headerHeight + $mm_searchHeight - $mm_padding;
}
}
}
@include mm_colors_header;

View file

@ -0,0 +1,40 @@
/*
jQuery.mmenu labels addon CSS
*/
@import "../inc/variables";
.mm-list
{
li.mm-label
{
> span
{
@include mm_ellipsis;
padding: 0;
line-height: $mm_labelHeight;
}
&.mm-opened a.mm-subopen:after
{
@include mm_webkit-prefix( "transform", rotate( 45deg ) );
}
}
li.mm-collapsed:not( .mm-uncollapsed )
{
display: none;
}
}
.mm-menu.mm-vertical .mm-list
{
> li.mm-label
{
> a.mm-subopen:after
{
top: ( $mm_labelHeight / 2 ) - 4;
}
}
}
@include mm_colors_labels;

View file

@ -0,0 +1,70 @@
/*
jQuery.mmenu offcanvas addon CSS
*/
@import "../inc/variables";
// Animations
.mm-page
{
box-sizing: border-box;
position: relative;
-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
-ms-transition: -ms-transform $mm_transitionDuration $mm_transitionFunction;
transition: transform $mm_transitionDuration $mm_transitionFunction;
}
// Container, Page, Blocker
html.mm-opened
{
overflow: hidden;
position: relative;
body
{
overflow: hidden;
}
}
html.mm-background .mm-page
{
background: inherit;
}
#mm-blocker
{
background: rgba( 3, 2, 1, 0 );
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
}
html.mm-opened,
html.mm-blocking
{
#mm-blocker
{
display: block;
}
}
// Menu
.mm-menu
{
&.mm-offcanvas
{
display: none;
position: fixed;
}
&.mm-current
{
display: block;
}
}
@include mm_sizing;

View file

@ -0,0 +1,125 @@
/*
jQuery.mmenu searchfield addon CSS
*/
@import "../inc/variables";
.mm-search,
.mm-search input
{
box-sizing: border-box;
}
.mm-list
{
> li.mm-search
{
padding: $mm_padding;
margin-top: -( $mm_padding * 2 );
}
> li.mm-subtitle + li.mm-search
{
margin-top: 0;
}
}
div.mm-panel > div.mm-search
{
padding: 0 0 $mm_padding 0;
}
.mm-menu.mm-hasheader .mm-list > li.mm-search
{
margin-top: 0;
}
.mm-menu > .mm-search
{
background: inherit;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.mm-search
{
padding: $mm_padding;
input
{
border: none;
border-radius: $mm_searchfieldHeight;
font: inherit;
font-size: $mm_fontSize;
line-height: $mm_searchfieldHeight;
outline: none;
display: block;
width: 100%;
height: $mm_searchfieldHeight;
margin: 0;
padding: 0 $mm_padding;
}
input::-ms-clear
{
display: none;
}
}
.mm-menu .mm-noresultsmsg
{
text-align: center;
font-size: round( $mm_fontSize * 1.5 );
display: none;
padding: ( $mm_btnSize * 1.5 ) 0;
&:after
{
border: none !important;
}
}
.mm-noresults .mm-noresultsmsg
{
display: block;
}
$mm_paddingBeneathHeader: $mm_padding * 2 !default;
.mm-menu
{
li.mm-nosubresults > a.mm-subopen
{
display: none;
+ a,
+ span
{
padding-right: 10px;
}
}
&.mm-hassearch
{
> .mm-panel
{
padding-top: $mm_searchHeight + $mm_paddingBeneathHeader;
> .mm-list:first-child
{
margin-top: -$mm_paddingBeneathHeader;
}
}
}
&.mm-hasheader
{
> .mm-panel
{
> div.mm-search:first-child
{
margin-top: -$mm_padding;
+ .mm-list
{
padding-top: 0;
}
}
}
}
}
@include mm_colors_searchfield;

View file

@ -0,0 +1,178 @@
/*
jQuery.mmenu toggles addon CSS
*/
@import "../inc/variables";
input.mm-toggle,
input.mm-check
{
position: absolute;
left: -10000px;
}
label.mm-toggle,
label.mm-check
{
margin: 0;
position: absolute;
bottom: 50%;
z-index: 2;
&:before
{
content: '';
display: block;
}
}
// styling
label.mm-toggle
{
border-radius: $mm_toggleHeight;
width: $mm_toggleWidth;
height: $mm_toggleHeight;
margin-bottom: -( $mm_toggleHeight / 2 );
&:before
{
border-radius: $mm_toggleHeight;
width: $mm_toggleHeight - 2;
height: $mm_toggleHeight - 2;
margin: 1px;
}
}
input.mm-toggle:checked ~ label.mm-toggle:before
{
float: right;
}
label.mm-check
{
width: $mm_checkWidth;
height: $mm_checkHeight;
margin-bottom: -( $mm_checkHeight / 2 );
&:before
{
border-left: 3px solid;
border-bottom: 3px solid;
width: 40%;
height: 20%;
margin: 25% 0 0 20%;
opacity: 0.1;
@include mm-webkit-prefix( 'transform', rotate( -45deg ) );
}
}
input.mm-check:checked ~ label.mm-check:before
{
opacity: 1;
}
// vertical submenu
.mm-menu.mm-vertical .mm-list
{
> li label
{
&.mm-toggle,
&.mm-check
{
bottom: auto;
margin-bottom: 0;
}
&.mm-toggle
{
top: ( $mm_btnSize - $mm_toggleHeight ) / 2;
}
&.mm-check
{
top: ( $mm_btnSize - $mm_checkHeight ) / 2;
}
}
}
// positioning
label
{
&.mm-toggle,
&.mm-check
{
right: $mm_padding * 2;
}
}
label.mm-toggle
{
+ a,
+ span
{
margin-right: $mm_toggleWidth + ( $mm_padding * 2 );
}
}
label.mm-check
{
+ a,
+ span
{
margin-right: $mm_checkWidth + ( $mm_padding * 2 );
}
}
// positioning with subopen
a.mm-subopen + label
{
&.mm-toggle,
&.mm-check
{
right: $mm_subopenWidth + $mm_padding;
}
}
a.mm-subopen + label.mm-toggle
{
+ a,
+ span
{
margin-right: $mm_subopenWidth + $mm_toggleWidth + $mm_padding;
}
}
a.mm-subopen + label.mm-check
{
+ a,
+ span
{
margin-right: $mm_subopenWidth + $mm_checkWidth + $mm_padding;
}
}
// positioning with counter
em.mm-counter + a.mm-subopen + label
{
&.mm-toggle,
&.mm-check
{
right: $mm_counterWidth + $mm_subopenWidth + $mm_padding;
}
}
em.mm-counter + a.mm-subopen + label.mm-toggle
{
+ a,
+ span
{
margin-right: $mm_counterWidth + $mm_subopenWidth + $mm_toggleWidth + $mm_padding;
}
}
em.mm-counter + a.mm-subopen + label.mm-check
{
+ a,
+ span
{
margin-right: $mm_counterWidth + $mm_subopenWidth + $mm_checkWidth + $mm_padding;
}
}
@include mm_colors_toggles;
@include mm_colors_checks;