jquery.mmenu.themes.scss
2.79 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
/*
jQuery.mmenu themes 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";
// Light
$mm_t_cls : ".mm-light";
$mm_t_baseBg : #f3f3f3;
$mm_t_pageShadow : 0 0 10px rgba( 0, 0, 0, 0.3 );
$mm_t_text : rgba( 0, 0, 0, 0.6 );
$mm_t_dimmedText : rgba( 0, 0, 0, 0.3 );
$mm_t_emphasizedBg : rgba( 255, 255, 255, 0.6 );
$mm_t_highlightedBg : rgba( 0, 0, 0, 0.03 );
$mm_t_border : rgba( 0, 0, 0, 0.1 );
$mm_t_inputBg : rgba( 0, 0, 0, 0.1 );
@include mm_colors( $mm_t_cls,
$mm_t_baseBg, $mm_t_pageShadow,
$mm_t_text, $mm_t_dimmedText,
$mm_t_emphasizedBg, $mm_t_highlightedBg,
$mm_t_border );
@include mm_colors_search( $mm_t_cls,
$mm_t_inputBg, $mm_t_text,
$mm_t_dimmedText );
@include mm_colors_counters( $mm_t_cls,
$mm_t_dimmedText );
@include mm_colors_labels( $mm_t_cls,
$mm_t_highlightedBg );
@include mm_colors_header( $mm_t_cls,
$mm_t_dimmedText,
$mm_t_border );
@include mm_colors_toggles( $mm_t_cls,
$mm_t_baseBg,
$mm_t_border );
// White
$mm_t_cls : ".mm-white";
$mm_t_baseBg : #fff;
$mm_t_pageShadow : 0 0 10px rgba( 0, 0, 0, 0.3 );
$mm_t_text : rgba( 0, 0, 0, 0.6 );
$mm_t_dimmedText : rgba( 0, 0, 0, 0.3 );
$mm_t_emphasizedBg : rgba( 0, 0, 0, 0.06 );
$mm_t_highlightedBg : rgba( 0, 0, 0, 0.03 );
$mm_t_border : rgba( 0, 0, 0, 0.1 );
$mm_t_inputBg : rgba( 0, 0, 0, 0.1 );
@include mm_colors( $mm_t_cls,
$mm_t_baseBg, $mm_t_pageShadow,
$mm_t_text, $mm_t_dimmedText,
$mm_t_emphasizedBg, $mm_t_highlightedBg,
$mm_t_border );
@include mm_colors_search( $mm_t_cls,
$mm_t_inputBg, $mm_t_text,
$mm_t_dimmedText );
@include mm_colors_counters( $mm_t_cls,
$mm_t_dimmedText );
@include mm_colors_labels( $mm_t_cls,
$mm_t_highlightedBg );
@include mm_colors_header( $mm_t_cls,
$mm_t_dimmedText,
$mm_t_border );
@include mm_colors_toggles( $mm_t_cls,
$mm_t_baseBg,
$mm_t_border );
// Black
$mm_t_cls : ".mm-black";
$mm_t_baseBg : #000;
$mm_t_pageShadow : none;
$mm_t_text : rgba( 255, 255, 255, 0.6 );
$mm_t_dimmedText : rgba( 255, 255, 255, 0.3 );
$mm_t_emphasizedBg : rgba( 255, 255, 255, 0.25 );
$mm_t_highlightedBg : rgba( 255, 255, 255, 0.15 );
$mm_t_border : rgba( 255, 255, 255, 0.2 );
$mm_t_inputBg : rgba( 255, 255, 255, 0.3 );
@include mm_colors( $mm_t_cls,
$mm_t_baseBg, $mm_t_pageShadow,
$mm_t_text, $mm_t_dimmedText,
$mm_t_emphasizedBg, $mm_t_highlightedBg,
$mm_t_border );
@include mm_colors_search( $mm_t_cls,
$mm_t_inputBg, $mm_t_text,
$mm_t_dimmedText );
@include mm_colors_counters( $mm_t_cls,
$mm_t_dimmedText );
@include mm_colors_labels( $mm_t_cls,
$mm_t_highlightedBg );
@include mm_colors_header( $mm_t_cls,
$mm_t_dimmedText,
$mm_t_border );
@include mm_colors_toggles( $mm_t_cls,
$mm_t_baseBg,
$mm_t_border );