mirror of
https://github.com/google/pebble.git
synced 2025-04-01 15:24:04 +00:00
82 lines
No EOL
2.3 KiB
SCSS
Executable file
82 lines
No EOL
2.3 KiB
SCSS
Executable file
/*
|
|
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; |