-
Notifications
You must be signed in to change notification settings - Fork 6
/
_variables.scss
190 lines (170 loc) · 8.03 KB
/
_variables.scss
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
// Theme variables
// -----------------------------------------------------------------------------
$mml-theme: $mml-theme-base !default;
// Generic variables:
// -----------------------------------------------------------------------------
$mml-use-themes-classnames: false !default;
$mml-use-css-vars: false !default;
$mml-prefix: 'mml-' !default;
$mml-selector-wrapper-align-right: '.mml-align-right' !default;
$mml-selector-wrapper-align-left: '.mml-align-left' !default;
$mml-spacer: 8px !default;
$mml-max-width: 66.66% !default;
$mml-max-width-compensation: -50% !default;
$mml-border-radius: 16px !default;
$mml-border-radius-base: 0 !default;
$mml-border-style: solid !default;
$mml-border-width: 1px !default;
$mml-border-color: mml-theme-val(stroke) !default;
$mml-line-height: 1.26 !default;
$mml-font-sans: inherit !default;
$mml-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
$mml-font-base: $mml-font-sans !default;
$mml-font-size: 15px !default;
$mml-icon-size: 16px !default;
// AddToCalendar:
// -----------------------------------------------------------------------------
// Button:
// -----------------------------------------------------------------------------
$mml-btn-font-family: $mml-font-sans !default;
$mml-btn-font-weight: bold !default;
$mml-btn-font-size: 15px !default;
$mml-btn-text-transform: none !default;
$mml-btn-padding-y: 6px !default;
$mml-btn-padding-x: 16px !default;
$mml-btn-border-radius: $mml-border-radius !default;
$mml-btn-border-width: $mml-border-width !default;
$mml-btn-border-style: solid !default;
$mml-btn-bg: mml-theme-val(card-bg) !default;
$mml-btn-border-color: mml-theme-val(stroke-low-emphasis) !default;
$mml-btn-color: mml-theme-val(primary-accent) !default;
$mml-btn-hover-bg: $mml-btn-color !default;
$mml-btn-hover-border-color: $mml-btn-hover-bg !default;
$mml-btn-hover-color: mml-theme-val(text-pressed) !default;
$mml-btn-disabled-bg: $mml-btn-bg !default;
$mml-btn-disabled-border-color: $mml-btn-disabled-bg !default;
$mml-btn-disabled-color: mml-theme-val(text-low-emphasis) !default;
$mml-btn-focus-outline: none !default;
$mml-btn--floating-shadow: mml-theme-val(shadow) !default;
$mml-btn--icon-padding-y: 5px !default;
$mml-btn--icon-padding-x: 5px !default;
$mml-btn--icon-padding: $mml-btn--icon-padding-y $mml-btn--icon-padding-x !default;
$mml-btn--icon-border-radius: 100% !default;
$mml-btn--icon-size: $mml-icon-size !default;
$mml-btn--icon-distance-x: 0.4em !default;
// ButtonList:
// -----------------------------------------------------------------------------
$mml-btnlist-bg: $mml-btn-bg !default;
$mml-btnlist-border-width: $mml-btn-border-width !default;
$mml-btnlist-border-color: $mml-border-color !default;
$mml-btnlist__btn-padding-y: 12px !default;
$mml-btnlist__btn-padding-x: $mml-btn-padding-x !default;
$mml-btnlist__btn-margin-y: $mml-spacer !default;
$mml-btnlist__btn-margin-x: $mml-spacer !default;
$mml-btnlist__btn--with-icon-color: mml-theme-val(text-high-emphasis) !default;
$mml-btnlist__btn--with-icon-font-weight: normal !default;
// Card:
// -----------------------------------------------------------------------------
$mml-card-border-color: $mml-border-color !default;
$mml-card-border-width: $mml-border-width !default;
$mml-card-border-style: $mml-border-style !default;
$mml-card-border: $mml-card-border-width $mml-card-border-style $mml-card-border-color !default;
$mml-card-header-font-size: 13px !default;
$mml-card-header-font-weight: bold !default;
$mml-card-header-padding-y: 15px !default;
$mml-card-header-padding-x: 16px !default;
$mml-card-header-border-radius: $mml-border-radius !default;
$mml-card-header-bg: mml-theme-val(card-bg) !default;
$mml-card-header-color: mml-theme-val(text-mid-emphasis) !default;
$mml-card-body-padding-y: $mml-spacer !default;
$mml-card-body-padding-x: $mml-card-body-padding-y !default;
$mml-card-body-font-size: 14px !default;
$mml-card-body-color: mml-theme-val(text-high-emphasis) !default;
$mml-card-body-bg: mml-theme-val(card-alt-bg) !default;
$mml-card__btn-padding-y: 10px !default;
$mml-card__btn-padding-x: $mml-btnlist__btn-padding-x !default;
$mml-card__btn-padding: $mml-card__btn-padding-y $mml-card__btn-padding-x !default;
// Carousel:
// -----------------------------------------------------------------------------
$mml-carousel-spacer-y: $mml-spacer !default;
$mml-carousel__item-gutter-x: $mml-spacer !default;
$mml-carousel__text-font-size: 11px !default;
$mml-carousel__text-font-color: mml-theme-val(text-mid-emphasis) !default;
// Col (Grid):
// -----------------------------------------------------------------------------
$mml-grid-columns: 12 !default;
$mml-grid-gutter: $mml-spacer !default;
$mml-grid-breakpoints: (
xs: 0,
) !default;
// Datepicker:
// -----------------------------------------------------------------------------
$mml-datepicker__item-padding: 4px 5px !default;
$mml-datepicker__item-color-active: mml-theme-val(primary-accent) !default;
// Error:
// -----------------------------------------------------------------------------
$mml-error-spacer: $mml-spacer !default;
$mml-error-font-size: 88% !default;
$mml-error-color: rgb(187, 81, 81) !default;
// Icon:
// -----------------------------------------------------------------------------
$mml-icon-color: inherit !default;
// Image:
// -----------------------------------------------------------------------------
$mml-image-spacer-y: 0 !default;
$mml-image-spacer-x: 0 !default;
// Input:
// -----------------------------------------------------------------------------
$mml-input-padding-y: $mml-btnlist__btn-padding-y !default;
$mml-input-padding-x: $mml-btn-padding-x !default;
$mml-input-bg: mml-theme-val(card-bg-alt) !default;
$mml-input-color: mml-theme-val(text-mid-emphasis) !default;
$mml-input-focus-color: mml-theme-val(text-high-emphasis) !default;
$mml-input-focus-outline: $mml-btn-focus-outline !default;
// Loading:
// -----------------------------------------------------------------------------
$mml-loading-spacer: $mml-spacer !default;
$mml-loading-font-size: 88% !default;
// Progress:
// -----------------------------------------------------------------------------
$mml-progress-width: 1em !default;
$mml-progress-color: #bbb !default;
$mml-progress-animation-name: mml-animation-dash !default;
$mml-progress-animation-time: 1.4s !default;
$mml-progress-animation-ease: ease-in-out !default;
// MD:
// -----------------------------------------------------------------------------
$mml-md-spacer-y: 4px !default;
$mml-md-color: mml-theme-val(text-high-emphasis) !default;
$mml-md-font-size: inherit !default;
$mml-md__code-bg: mml-theme-val(stroke) !default;
$mml-md__code-color: #e83e8c !default;
$mml-md__code-padding: 2px 4px !default;
$mml-md__code-font-size: 87.5% !default;
$mml-md__blockquote-border-color: mml-theme-val(card-bg) !default;
$mml-md__blockquote-border-width: 0 0 0 3px !default;
$mml-md__link-color: mml-theme-val(primary-accent) !default;
// Number:
// -----------------------------------------------------------------------------
$mml-number__btn-margin-y: $mml-card-body-padding-x !default;
$mml-number__btn-margin-x: $mml-number__btn-margin-y !default;
$mml-number__count-font-weight: bold !default;
$mml-number__count-color: mml-theme-val(text-high-emphasis) !default;
// Row (Grid):
// -----------------------------------------------------------------------------
$mml-row-bg: transparent !default;
// Scheduler:
// -----------------------------------------------------------------------------
$mml-scheduler-datepicker-height: 217px !default;
// Success:
// -----------------------------------------------------------------------------
$mml-success-spacer: $mml-spacer !default;
$mml-success-font-size: 88% !default;
$mml-success-color: mml-theme-val(primary-accent) !default;
// Text:
// -----------------------------------------------------------------------------
$mml-text-spacer-y: $mml-md-spacer-y !default;
$mml-text-bg: mml-theme-val(card-bg) !default;
$mml-text-bg--me: mml-theme-val(card-bg-alt) !default;
$mml-text-color: mml-theme-val(text-high-emphasis) !default;
$mml-text-font-size: inherit !default;