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,92 @@
// Sizing left (default)
@mixin mm_sizing( $cls: "",
$width: $mm_width, $minWidth: $mm_minWidth, $maxWidth: $mm_maxWidth
) {
.mm-menu#{$cls}
{
width: percentage( $width );
min-width: $minWidth;
max-width: $maxWidth;
}
html.mm-opening#{$cls}
{
.mm-page,
#mm-blocker
{
@include mm-webkit-prefix( 'transform', translate( percentage( $width ), 0 ) );
}
}
@media all and (max-width: $minWidth / $width ) {
html.mm-opening#{$cls}
{
.mm-page,
#mm-blocker
{
@include mm-webkit-prefix( 'transform', translate( $minWidth, 0 ) );
}
}
}
@media all and (min-width: $maxWidth / $width ) {
html.mm-opening#{$cls}
{
.mm-page,
#mm-blocker
{
@include mm-webkit-prefix( 'transform', translate( $maxWidth, 0 ) );
}
}
}
}
// Sizing right
@mixin mm_sizing_right( $cls: "",
$width: $mm_width, $minWidth: $mm_minWidth, $maxWidth: $mm_maxWidth
) {
html.mm-right.mm-opening#{$cls}
{
.mm-page,
#mm-blocker
{
@include mm-webkit-prefix( 'transform', translate( -( percentage( $width ) ), 0 ) );
}
}
@media all and ( max-width: $minWidth / $width ) {
html.mm-right.mm-opening#{$cls}
{
.mm-page,
#mm-blocker
{
@include mm-webkit-prefix( 'transform', translate( -$minWidth, 0 ) );
}
}
}
@media all and ( min-width: $maxWidth / $width ) {
html.mm-right.mm-opening#{$cls}
{
.mm-page,
#mm-blocker
{
@include mm-webkit-prefix( 'transform', translate( -$maxWidth, 0 ) );
}
}
}
}
// Sizing z-position
@mixin mm_sizing_zposition( $cls: "",
$height: $mm_height, $minHeight: $mm_minHeight, $maxHeight: $mm_maxHeight
) {
// top
// bottom
.mm-menu.mm-front#{$cls}
{
&.mm-top,
&.mm-bottom
{
height: percentage( $height );
min-height: $minHeight;
max-height: $maxHeight;
}
}
}