mirror of
https://github.com/google/pebble.git
synced 2025-06-18 23:33:13 +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
198
third_party/jquery-mmenu/sass/mmenu/inc/_colors.scss
vendored
Executable file
198
third_party/jquery-mmenu/sass/mmenu/inc/_colors.scss
vendored
Executable file
|
|
@ -0,0 +1,198 @@
|
|||
@mixin mm_colors( $cls: "",
|
||||
$baseBg: $mm_backgroundColor, $pageShadow: $mm_pageShadow,
|
||||
$color: $mm_textColor, $dimmedColor: $mm_dimmedTextColor,
|
||||
$emphasizedBg: $mm_emphasizedBackgroundColor, $highlightedBg: $mm_highlightedBackgroundColor,
|
||||
$borderColor: $mm_borderColor
|
||||
) {
|
||||
html.mm-opened#{$cls} .mm-page
|
||||
{
|
||||
box-shadow: $pageShadow;
|
||||
}
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
background: $baseBg;
|
||||
color: $color;
|
||||
|
||||
.mm-list
|
||||
{
|
||||
> li:after
|
||||
{
|
||||
border-color: $borderColor;
|
||||
}
|
||||
> li
|
||||
{
|
||||
> a
|
||||
{
|
||||
&.mm-subclose
|
||||
{
|
||||
background: $emphasizedBg;
|
||||
color: $dimmedColor;
|
||||
}
|
||||
&.mm-subopen:after,
|
||||
&.mm-subclose:before
|
||||
{
|
||||
border-color: $dimmedColor;
|
||||
}
|
||||
&.mm-subopen:before
|
||||
{
|
||||
border-color: $borderColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
> li.mm-selected
|
||||
{
|
||||
> a:not(.mm-subopen),
|
||||
> span
|
||||
{
|
||||
background: $emphasizedBg;
|
||||
}
|
||||
}
|
||||
> li.mm-label
|
||||
{
|
||||
background: $highlightedBg;
|
||||
}
|
||||
}
|
||||
|
||||
&.mm-vertical .mm-list
|
||||
{
|
||||
li.mm-opened
|
||||
{
|
||||
> a.mm-subopen,
|
||||
> ul
|
||||
{
|
||||
background: $highlightedBg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mm_colors_buttonbars( $cls: "",
|
||||
$baseBg: $mm_backgroundColor,
|
||||
$color: $mm_textColor
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
.mm-buttonbar
|
||||
{
|
||||
border-color: $color;
|
||||
background: $baseBg;
|
||||
|
||||
> *
|
||||
{
|
||||
border-color: $color;
|
||||
}
|
||||
|
||||
> input:checked + label
|
||||
{
|
||||
background: $color;
|
||||
color: $baseBg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mm_colors_checks( $cls: "",
|
||||
$color: $mm_textColor
|
||||
) {
|
||||
.mm-menu#{$cls} label.mm-check:before
|
||||
{
|
||||
border-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mm_colors_counters( $cls: "",
|
||||
$dimmedColor: $mm_dimmedTextColor
|
||||
) {
|
||||
.mm-menu#{$cls} em.mm-counter
|
||||
{
|
||||
color: $dimmedColor;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mm_colors_footer( $cls: "",
|
||||
$dimmedColor: $mm_dimmedTextColor,
|
||||
$borderColor: $mm_borderColor
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
.mm-footer
|
||||
{
|
||||
border-color: $borderColor;
|
||||
color: $dimmedColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mm_colors_header( $cls: "",
|
||||
$dimmedColor: $mm_dimmedTextColor,
|
||||
$borderColor: $mm_borderColor
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
.mm-header
|
||||
{
|
||||
border-color: $borderColor;
|
||||
color: $dimmedColor;
|
||||
|
||||
.mm-prev:before,
|
||||
.mm-next:after,
|
||||
.mm-close:after
|
||||
{
|
||||
border-color: $dimmedColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mm_colors_labels( $cls: "",
|
||||
$highlightedBg: $mm_highlightedBackgroundColor
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
.mm-list li.mm-label > div > div
|
||||
{
|
||||
background: $highlightedBg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mm_colors_searchfield( $cls: "",
|
||||
$inputBg: $mm_dimmedTextColor, $color: $mm_textColor,
|
||||
$dimmedColor: $mm_dimmedTextColor
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
.mm-search input
|
||||
{
|
||||
background: $inputBg;
|
||||
color: $color;
|
||||
}
|
||||
.mm-noresultsmsg
|
||||
{
|
||||
color: $dimmedColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin mm_colors_toggles( $cls: "",
|
||||
$buttonBg: $mm_backgroundColor,
|
||||
$offBg: $mm_borderColor, $onBg: $mm_toggleCheckedColor
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
label.mm-toggle
|
||||
{
|
||||
background: $offBg;
|
||||
|
||||
&:before
|
||||
{
|
||||
background: $buttonBg;
|
||||
}
|
||||
}
|
||||
input.mm-toggle:checked ~ label.mm-toggle
|
||||
{
|
||||
background: $onBg;
|
||||
}
|
||||
}
|
||||
}
|
||||
87
third_party/jquery-mmenu/sass/mmenu/inc/_mixins.scss
vendored
Executable file
87
third_party/jquery-mmenu/sass/mmenu/inc/_mixins.scss
vendored
Executable file
|
|
@ -0,0 +1,87 @@
|
|||
// Arrows
|
||||
@mixin mm_arrow
|
||||
{
|
||||
content: '';
|
||||
border: 2px solid transparent;
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
|
||||
@include mm_webkit-prefix( "transform", rotate( -45deg ) );
|
||||
}
|
||||
@mixin mm_arrow-prev
|
||||
{
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
@mixin mm_arrow-next
|
||||
{
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
|
||||
// Borders
|
||||
@mixin mm_border( $border, $pseudo, $size, $pos1, $pos2 )
|
||||
{
|
||||
&:#{$pseudo}
|
||||
{
|
||||
content: '';
|
||||
border-#{$border}-width: 1px;
|
||||
border-#{$border}-style: solid;
|
||||
display: block;
|
||||
#{$size}: 100%;
|
||||
position: absolute;
|
||||
#{$pos1}: 0;
|
||||
#{$pos2}: 0;
|
||||
}
|
||||
}
|
||||
@mixin mm_border-top
|
||||
{
|
||||
@include mm_border( "top", "before", "width", "top", "left" );
|
||||
}
|
||||
@mixin mm_border-right
|
||||
{
|
||||
@include mm_border( "right", "after", "height", "right", "top" );
|
||||
}
|
||||
@mixin mm_border-bottom
|
||||
{
|
||||
@include mm_border( "bottom", "after", "width", "bottom", "left" );
|
||||
}
|
||||
@mixin mm_border-left
|
||||
{
|
||||
@include mm_border( "left", "before", "height", "left", "top" );
|
||||
}
|
||||
|
||||
|
||||
// Misc
|
||||
@mixin mm_vendor-prefix( $prop, $val )
|
||||
{
|
||||
-webkit-#{$prop}: $val;
|
||||
-moz-#{$prop}: $val;
|
||||
-ms-#{$prop}: $val;
|
||||
-o-#{$prop}: $val;
|
||||
#{$prop}: $val;
|
||||
}
|
||||
@mixin mm_webkit-prefix( $prop, $val )
|
||||
{
|
||||
// we're not yet ready to drop vendor prefixes due to IE9 and older versions of FF
|
||||
@include mm_vendor_prefix( $prop, $val );
|
||||
// -webkit-#{$prop}: $val;
|
||||
// #{$prop}: $val;
|
||||
}
|
||||
@mixin mm_ellipsis()
|
||||
{
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
@mixin mm_clearfix()
|
||||
{
|
||||
&:after
|
||||
{
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
92
third_party/jquery-mmenu/sass/mmenu/inc/_sizing.scss
vendored
Executable file
92
third_party/jquery-mmenu/sass/mmenu/inc/_sizing.scss
vendored
Executable 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
58
third_party/jquery-mmenu/sass/mmenu/inc/_variables.scss
vendored
Executable file
58
third_party/jquery-mmenu/sass/mmenu/inc/_variables.scss
vendored
Executable file
|
|
@ -0,0 +1,58 @@
|
|||
// Animations
|
||||
$mm_transitionDuration: 0.4s !default;
|
||||
$mm_transitionFunction: ease !default;
|
||||
|
||||
// Sizes
|
||||
$mm_width : 0.8 !default;
|
||||
$mm_minWidth : 140px !default;
|
||||
$mm_maxWidth : 440px !default;
|
||||
|
||||
$mm_height : 0.8 !default;
|
||||
$mm_minHeight : 140px !default;
|
||||
$mm_maxHeight : 880px !default;
|
||||
|
||||
$mm_btnSize : 40px !default;
|
||||
$mm_padding : 10px !default;
|
||||
$mm_fontSize : 14px !default;
|
||||
|
||||
$mm_subpanelOffset : 30% !default;
|
||||
$mm_subopenWidth : $mm_btnSize !default;
|
||||
|
||||
// Addon sizes
|
||||
$mm_buttonbarHeight : $mm_btnSize - ( $mm_padding * 2 ) !default;
|
||||
|
||||
$mm_counterWidth : $mm_btnSize !default;
|
||||
|
||||
$mm_toggleHeight : $mm_btnSize - $mm_padding !default;
|
||||
$mm_toggleWidth : ( $mm_toggleHeight * 2 ) - $mm_padding !default;
|
||||
|
||||
$mm_checkHeight : $mm_btnSize - $mm_padding !default;
|
||||
$mm_checkWidth : $mm_btnSize - $mm_padding !default;
|
||||
|
||||
$mm_footerHeight : $mm_btnSize;
|
||||
|
||||
$mm_headerHeight : $mm_btnSize * 1.5 !default;
|
||||
$mm_headerPaddingTop : $mm_headerHeight / 2 !default;
|
||||
|
||||
$mm_labelHeight : ( $mm_btnSize / 2 ) + ( $mm_padding / 2 ) !default;
|
||||
|
||||
$mm_searchHeight : $mm_btnSize + $mm_padding !default;
|
||||
$mm_searchfieldHeight : $mm_searchHeight - ( $mm_padding * 2 ) !default;
|
||||
|
||||
// Colors
|
||||
$mm_pageShadow : none; //0 0 20px rgba( 0, 0, 0, 0.5 ) !default;
|
||||
$mm_borderColor : rgba( 0, 0, 0, 0.15 ) !default;
|
||||
$mm_backgroundColor : #222 !default;
|
||||
$mm_emphasizedBackgroundColor : rgba( 0, 0, 0, 0.1 ) !default;
|
||||
$mm_highlightedBackgroundColor : rgba( 255, 255, 255, 0.05 ) !default;
|
||||
$mm_textColor : rgba( 255, 255, 255, 0.8 ) !default;
|
||||
$mm_dimmedTextColor : rgba( 255, 255, 255, 0.5 ) !default;
|
||||
|
||||
// Addon colors
|
||||
$mm_toggleCheckedColor : #4bd963 !default;
|
||||
|
||||
|
||||
|
||||
@import "mixins";
|
||||
@import "sizing";
|
||||
@import "colors";
|
||||
Loading…
Add table
Add a link
Reference in a new issue