src/_variables.scss at master · tomferez/src · GitHub

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
//	Animations
$mm_transitionDuration: 0.4s !default;
$mm_transitionDelay: 0.4s !default;
$mm_transitionFunction: ease !default;

//	Colors
$mm_backgroundColor: #f3f3f3 !default;
$mm_borderColor: rgba(#000, 0.1) !default;
$mm_dimmedTextColor: rgba(#000, 0.3) !default;
$mm_emphasizedBackgroundColor: rgba(#fff, 0.4) !default;
$mm_highlightedBackgroundColor: rgba(#000, 0.05) !default;
$mm_navbarColor: rgba(#000, 0.3) !default;
$mm_textColor: rgba(#000, 0.75) !default;

//	Positioning
$mm_offsetTop: 0 !default;
$mm_offsetRight: 0 !default;
$mm_offsetBottom: 0 !default;
$mm_offsetLeft: 0 !default;

//	Sizes
$mm_listitemSize: 44px !default;
$mm_btnSize: 50px !default;
$mm_padding: 10px !default;
$mm_lineHeight: 20px !default;

$mm_listitemIndent: $mm_padding * 2 !default;
$mm_navbarSize: $mm_listitemSize !default;
$mm_panelPadding: $mm_padding * 2 !default;
$mm_subopenWidth: $mm_btnSize !default;
$mm_subpanelOffset: 30% !default;

$mm_menuWidth: 0.8 !default;
$mm_menuMinWidth: 240px !default;
$mm_menuMaxWidth: 440px !default;
$mm_menuHeight: 0.8 !default;
$mm_menuMinHeight: 140px !default;
$mm_menuMaxHeight: 880px !default;

$mm_opt_screenreader	: true !default;

$mm_counterWidth: $mm_btnSize !default;

$mm_dropdownShadow: 0 2px 10px rgba( #000, 0.3 ) !default;
$mm_dropdownTipX: 20px !default;
$mm_dropdownTipY: 10px !default;

$mm_iconbarSize: $mm_btnSize !default;

$mm_iconpanelSize: $mm_btnSize !default;

$mm_sectionIndexerSize: 20px !default;

$mm_sidebarCollapsedSize: $mm_btnSize !default;
$mm_sidebarExpandedSize: $mm_menuMaxWidth !default;

$mm_toggleCheckedColor: #4bd963 !default;
$mm_toggleHeight: $mm_listitemSize - $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_fullscreen_full: 1 !default;
$mm_fullscreen_min: 140px !default;
$mm_fullscreen_max: 10000px !default;

$mm_pagedimOpacity: 0.3 !default;
$mm_pagedimDelay: 0.4s !default;
$mm_popupShadow: 0 2px 10px rgba( #000, 0.3 ) !default;