_variables.scss
1.97 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
$fontFamily:'Sarabun',sans-serif;
$fontSize:14px;
$textColor:#1b1c1e;
$textSecondaryColor:#5f6061;
$borderRadius:3px;
$transitionDuration:.3s;
$dividerColor: #dee2e6;
$bodyPadding:25px 50px;
$normalBodyPadding:25px 0px;
$mobileBodyPadding:5px 15px;
$contentBgColor:#f2f2f2;
$responsiveLayoutBreakpoint:991px;
$maskBgColor:#24262e;
//accent
$accentColor: #1976D2 !default;
$accentTextColor: #ffffff !default;
/* common */
$animationDuration:.4s !default;
$animationTimingFunction:cubic-bezier(.05,.74,.2,.99) !default;
/* horizontal menu */
$horizontalMenuItemActiveBgColor: #ffffff;
$horizontalMenuItemActiveTextColor: #1b1c1e;
/* overlay menu */
$overlayMenuBgColor:#ffffff;
$overlayMenuShadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);
$overlayMenuItemTextColor:#313842;
$overlayMenuItemBorderRadius:3px;
$overlayBorder:0 none !default;
$overlayShadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12) !default;
/* actionbar */
$actionItemBgColor:#f8f9fa;
$actionItemIconColor:#757575;
$actionItemHoverBgColor:#e9ecef;
/* mobile menu */
$mobileMenuBgColor:#24262e;
$mobileMenuItemBgColor: rgba(255, 255, 255, 0.2);
$mobileMenuItemHoverBgColor: rgba(255,255,255, 0.4);
$mobileMenuItemActiveBgColor:#ffffff;
$mobileMenuItemTextColor:rgba(255,255,255,0.72);
$mobileMenuItemActiveTextColor:#1b1c1e;
/* tooltip */
$tooltipBgColor:#313842;
$tooltipColor:#ffffff;
/* user profile menu */
$userProfileMenuInfoBgColor:#f9fafc;
$userProfileMenuInfoNameTextColor:#646a74;
$userProfileMenuInfoRoleTextColor:#313842;
$userProfileMenuLinkIconColor:#9ba8b8;
$userProfileMenuLinkItemTitleColor:#313842;
$userProfileMenuLinkItemSubTitleColor:#457fca;
//actionbar
$actionBarBgColor:#ffffff;
$breadcrumbSeparatorColor:rgba(176, 186, 196, 0.4);
$breadcrumbItemTextColor:#313842;
$breadcrumbLinkTextColor:#b0bac4;
$breadcrumbLinkHoverTextColor:#3ca4e7;
//misc
$cardBgColor:#ffffff;
$cardBorder:solid 1px #dfe6ee;
//sidebar right
$rightSidebarWidth: 16rem !default;
$rightSidebarBg: #ffffff !default;