@syncfusion/ej2-base 24.2.7 → 25.1.35-579988
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +2 -1
- package/CHANGELOG.md +641 -677
- package/{README.md → ReadMe.md} +100 -100
- package/dist/ej2-base.umd.min.js +1 -10
- package/dist/ej2-base.umd.min.js.map +1 -1
- package/dist/es6/ej2-base.es2015.js +178 -1025
- package/dist/es6/ej2-base.es2015.js.map +1 -1
- package/dist/es6/ej2-base.es5.js +226 -934
- package/dist/es6/ej2-base.es5.js.map +1 -1
- package/dist/global/ej2-base.min.js +1 -10
- package/dist/global/ej2-base.min.js.map +1 -1
- package/dist/global/index.d.ts +0 -9
- package/dist/ts/ajax.ts +236 -0
- package/dist/ts/animation.ts +544 -0
- package/dist/ts/base.ts +357 -0
- package/dist/ts/browser.ts +387 -0
- package/dist/ts/child-property.ts +192 -0
- package/dist/ts/component.ts +519 -0
- package/dist/ts/dom.ts +488 -0
- package/dist/ts/draggable.ts +1155 -0
- package/dist/ts/droppable.ts +172 -0
- package/dist/ts/event-handler.ts +169 -0
- package/dist/ts/internationalization.ts +369 -0
- package/dist/ts/intl/date-formatter.ts +317 -0
- package/dist/ts/intl/date-parser.ts +426 -0
- package/dist/ts/intl/intl-base.ts +1104 -0
- package/dist/ts/intl/number-formatter.ts +411 -0
- package/dist/ts/intl/number-parser.ts +158 -0
- package/dist/ts/intl/parser-base.ts +394 -0
- package/dist/ts/keyboard.ts +238 -0
- package/dist/ts/l10n.ts +94 -0
- package/dist/ts/module-loader.ts +149 -0
- package/dist/ts/notify-property-change.ts +726 -0
- package/dist/ts/observer.ts +236 -0
- package/dist/ts/sanitize-helper.ts +224 -0
- package/dist/ts/template-engine.ts +191 -0
- package/dist/ts/template.ts +329 -0
- package/dist/ts/touch.ts +544 -0
- package/dist/ts/util.ts +523 -0
- package/dist/ts/validate-lic.ts +0 -0
- package/e2e/crypto.js +16 -16
- package/e2e/m.protractor.config.js +286 -286
- package/e2e/modified-protractor/protractor.config.js +316 -316
- package/e2e/protractor.config.js +389 -332
- package/helpers/e2e/index.js +3 -3
- package/license +10 -10
- package/package.json +225 -174
- package/src/ajax.d.ts +1 -1
- package/src/ajax.js +3 -8
- package/src/animation-model.d.ts +41 -41
- package/src/animation.d.ts +6 -6
- package/src/animation.js +25 -25
- package/src/base.d.ts +2 -1
- package/src/base.js +9 -7
- package/src/component-model.d.ts +16 -16
- package/src/component.d.ts +9 -3
- package/src/component.js +50 -38
- package/src/draggable-model.d.ts +113 -113
- package/src/draggable.d.ts +2 -0
- package/src/draggable.js +45 -29
- package/src/droppable-model.d.ts +23 -23
- package/src/droppable.js +19 -19
- package/src/event-handler.js +2 -1
- package/src/index.d.ts +0 -3
- package/src/index.js +0 -3
- package/src/intl/date-formatter.js +2 -6
- package/src/intl/date-parser.js +1 -20
- package/src/intl/intl-base.js +1 -164
- package/src/intl/number-formatter.d.ts +3 -0
- package/src/intl/number-formatter.js +7 -7
- package/src/intl/number-parser.js +1 -0
- package/src/keyboard-model.d.ts +16 -16
- package/src/keyboard.js +19 -19
- package/src/module-loader.d.ts +12 -0
- package/src/module-loader.js +11 -0
- package/src/notify-property-change.js +3 -2
- package/src/observer.js +2 -0
- package/src/sanitize-helper.js +5 -0
- package/src/template-engine.js +1 -0
- package/src/template.js +3 -2
- package/src/touch-model.d.ts +39 -39
- package/src/touch.js +19 -19
- package/src/validate-lic.d.ts +0 -11
- package/src/validate-lic.js +1 -259
- package/styles/_all.scss +2 -2
- package/styles/_bds-dark-definition.scss +15 -0
- package/styles/_bds-definition.scss +15 -0
- package/styles/_bootstrap-dark-definition.scss +42 -42
- package/styles/_bootstrap-definition.scss +42 -42
- package/styles/_bootstrap4-definition.scss +11 -11
- package/styles/_bootstrap5-dark-definition.scss +9 -9
- package/styles/_bootstrap5-definition.scss +8 -8
- package/styles/_fabric-dark-definition.scss +42 -42
- package/styles/_fabric-definition.scss +42 -42
- package/styles/_fluent-dark-definition.scss +9 -9
- package/styles/_fluent-definition.scss +9 -9
- package/styles/_fluent2-definition.scss +9 -0
- package/styles/_fusionnew-dark-definition.scss +8 -8
- package/styles/_fusionnew-definition.scss +8 -8
- package/styles/_highcontrast-definition.scss +42 -42
- package/styles/_highcontrast-light-definition.scss +42 -42
- package/styles/_material-dark-definition.scss +48 -48
- package/styles/_material-definition.scss +49 -49
- package/styles/_material3-dark-definition.scss +14 -14
- package/styles/_material3-definition.scss +15 -15
- package/styles/_tailwind-dark-definition.scss +15 -15
- package/styles/_tailwind-definition.scss +15 -15
- package/styles/animation/_all.scss +560 -560
- package/styles/bootstrap-dark.css +10 -1
- package/styles/bootstrap.css +10 -1
- package/styles/bootstrap4.css +10 -1
- package/styles/bootstrap5-dark.css +10 -1
- package/styles/bootstrap5.css +10 -1
- package/styles/common/_all.scss +2 -2
- package/styles/common/_core.scss +117 -117
- package/styles/common/_mixin.scss +9 -9
- package/styles/definition/_bds-dark.scss +1179 -0
- package/styles/definition/_bds.scss +1474 -0
- package/styles/definition/_bootstrap-dark.scss +219 -219
- package/styles/definition/_bootstrap.scss +215 -215
- package/styles/definition/_bootstrap4.scss +167 -167
- package/styles/definition/_bootstrap5-dark.scss +493 -493
- package/styles/definition/_bootstrap5.scss +494 -494
- package/styles/definition/_fabric-dark.scss +200 -200
- package/styles/definition/_fabric.scss +198 -198
- package/styles/definition/_fluent-dark.scss +557 -557
- package/styles/definition/_fluent.scss +558 -558
- package/styles/definition/_fluent2.scss +2198 -0
- package/styles/definition/_fusionnew-dark.scss +362 -362
- package/styles/definition/_fusionnew.scss +363 -363
- package/styles/definition/_highcontrast-light.scss +193 -193
- package/styles/definition/_highcontrast.scss +195 -195
- package/styles/definition/_material-dark.scss +198 -198
- package/styles/definition/_material.scss +192 -192
- package/styles/definition/_material3-dark.scss +710 -710
- package/styles/definition/_material3.scss +792 -792
- package/styles/definition/_tailwind-dark.scss +488 -488
- package/styles/definition/_tailwind.scss +485 -485
- package/styles/fabric-dark.css +10 -1
- package/styles/fabric.css +10 -1
- package/styles/fluent-dark.css +10 -1
- package/styles/fluent.css +10 -1
- package/styles/highcontrast-light.css +10 -1
- package/styles/highcontrast.css +10 -1
- package/styles/material-dark.css +10 -1
- package/styles/material.css +10 -1
- package/styles/material3-dark.css +10 -1
- package/styles/material3.css +10 -1
- package/styles/offline-theme/material-dark.css +10 -1
- package/styles/offline-theme/material.css +10 -1
- package/styles/offline-theme/tailwind-dark.css +10 -1
- package/styles/offline-theme/tailwind.css +10 -1
- package/styles/tailwind-dark.css +10 -1
- package/styles/tailwind.css +10 -1
- package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -60
- package/.github/PULL_REQUEST_TEMPLATE/feature.md +0 -42
- package/bin/syncfusion-license.js +0 -2
- package/dist/ej2-base.min.js +0 -10
- package/e2e/index.d.ts +0 -27
- package/src/fetch.d.ts +0 -114
- package/src/fetch.js +0 -116
- package/src/hijri-parser.d.ts +0 -19
- package/src/hijri-parser.js +0 -204
|
@@ -1,198 +1,198 @@
|
|
|
1
|
-
@import '../common/mixin.scss';
|
|
2
|
-
|
|
3
|
-
$theme-primary: #0078d6 !default;
|
|
4
|
-
$theme-dark-alt: darken($theme-primary, 3%) !default;
|
|
5
|
-
$theme-dark: darken($theme-primary, 10%) !default;
|
|
6
|
-
$theme-darker: darken($theme-primary, 18%) !default;
|
|
7
|
-
$theme-secondary: lighten($theme-primary, 3%) !default;
|
|
8
|
-
$theme-tertiary: lighten($theme-primary, 21%) !default;
|
|
9
|
-
$theme-light: lighten($theme-primary, 44%) !default;
|
|
10
|
-
$theme-lighter: lighten($theme-primary, 49%) !default;
|
|
11
|
-
$theme-lighter-alt: lighten($theme-primary, 55%) !default;
|
|
12
|
-
$neutral-white: #fff !default;
|
|
13
|
-
$neutral-lighter-alt: #f8f8f8 !default;
|
|
14
|
-
$neutral-lighter: #f4f4f4 !default;
|
|
15
|
-
$neutral-light: #eaeaea !default;
|
|
16
|
-
$neutral-quintenaryalt: #dadada !default;
|
|
17
|
-
$neutral-quintenary: #d0d0d0 !default;
|
|
18
|
-
$neutral-tertiary-alt: #c8c8c8 !default;
|
|
19
|
-
$neutral-tertiary: #a6a6a6 !default;
|
|
20
|
-
$neutral-secondary-alt: #767676 !default;
|
|
21
|
-
$neutral-secondary: #666 !default;
|
|
22
|
-
$neutral-primary: #333 !default;
|
|
23
|
-
$neutral-dark: #212121 !default;
|
|
24
|
-
$neutral-black: #000 !default;
|
|
25
|
-
$alert-bg: #deecf9 !default;
|
|
26
|
-
$error-bg: #fde7e9 !default;
|
|
27
|
-
$success-bg: #dff6dd !default;
|
|
28
|
-
$theme-dark-font: #fff !default;
|
|
29
|
-
$theme-primary-font: #fff !default;
|
|
30
|
-
$theme-light-font: #333 !default;
|
|
31
|
-
$neutral-light-font: #333 !default;
|
|
32
|
-
$neutral-light-fontalt: #000 !default;
|
|
33
|
-
$grey-dark-font: #fff !default;
|
|
34
|
-
$base-font: #333 !default;
|
|
35
|
-
$message-font: #333 !default;
|
|
36
|
-
$alert-font: #d83b01 !default;
|
|
37
|
-
$error-font: #a80000 !default;
|
|
38
|
-
$success-font: #107c10 !default;
|
|
39
|
-
$shadow: #000 !default;
|
|
40
|
-
$skin-name: 'fabric' !default;
|
|
41
|
-
$theme-name: 'fabric' !default;
|
|
42
|
-
|
|
43
|
-
$font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
|
|
44
|
-
|
|
45
|
-
//Message component
|
|
46
|
-
|
|
47
|
-
//Message Default
|
|
48
|
-
$msg-color: $theme-light-font !default;
|
|
49
|
-
$msg-bg-color: $neutral-lighter !default;
|
|
50
|
-
$msg-border-color: $neutral-lighter !default;
|
|
51
|
-
$msg-color-alt1: $theme-light-font !default;
|
|
52
|
-
$msg-bg-color-alt1: transparent !default;
|
|
53
|
-
$msg-border-color-alt1: $neutral-quintenaryalt !default;
|
|
54
|
-
$msg-color-alt2: $neutral-white !default;
|
|
55
|
-
$msg-bg-color-alt2: $neutral-secondary-alt !default;
|
|
56
|
-
$msg-border-color-alt2: $msg-bg-color-alt2 !default;
|
|
57
|
-
|
|
58
|
-
$msg-icon-color: $theme-light-font !default;
|
|
59
|
-
$msg-icon-color-alt1: $theme-light-font !default;
|
|
60
|
-
$msg-icon-color-alt2: $neutral-white !default;
|
|
61
|
-
|
|
62
|
-
$msg-close-icon-color: $neutral-secondary !default;
|
|
63
|
-
$msg-close-icon-color-alt1: $neutral-secondary !default;
|
|
64
|
-
$msg-close-icon-color-alt2: $neutral-white !default;
|
|
65
|
-
|
|
66
|
-
//Message success
|
|
67
|
-
$msg-success-color: $theme-light-font !default;
|
|
68
|
-
$msg-success-bg-color:#dff6dd !default;
|
|
69
|
-
$msg-success-border-color:#dff6dd !default;
|
|
70
|
-
$msg-success-color-alt1: #107c10 !default;
|
|
71
|
-
$msg-success-bg-color-alt1: transparent !default;
|
|
72
|
-
$msg-success-border-color-alt1: $msg-success-color-alt1 !default;
|
|
73
|
-
$msg-success-color-alt2: $neutral-white !default;
|
|
74
|
-
$msg-success-bg-color-alt2: $msg-success-color-alt1 !default;
|
|
75
|
-
$msg-success-border-color-alt2: $msg-success-color-alt1 !default;
|
|
76
|
-
|
|
77
|
-
$msg-success-icon-color: #107c10 !default;
|
|
78
|
-
$msg-success-icon-color-alt1: #107c10 !default;
|
|
79
|
-
$msg-success-icon-color-alt2: $neutral-white !default;
|
|
80
|
-
|
|
81
|
-
$msg-success-close-icon-color: $neutral-secondary !default;
|
|
82
|
-
$msg-success-close-icon-color-alt1: $neutral-secondary !default;
|
|
83
|
-
$msg-success-close-icon-color-alt2: $neutral-white !default;
|
|
84
|
-
|
|
85
|
-
//Message warning
|
|
86
|
-
$msg-warning-color: $theme-light-font !default;
|
|
87
|
-
$msg-warning-bg-color: #fff4ce !default;
|
|
88
|
-
$msg-warning-border-color: $msg-warning-bg-color !default;
|
|
89
|
-
$msg-warning-color-alt1: darken($msg-warning-bg-color, 64%) !default;
|
|
90
|
-
$msg-warning-bg-color-alt1: transparent !default;
|
|
91
|
-
$msg-warning-border-color-alt1: darken($msg-warning-bg-color, 50%) !default;
|
|
92
|
-
$msg-warning-color-alt2: $neutral-white !default;
|
|
93
|
-
$msg-warning-bg-color-alt2: darken($msg-warning-bg-color, 64%) !default;
|
|
94
|
-
$msg-warning-border-color-alt2: darken($msg-warning-bg-color, 64%) !default;
|
|
95
|
-
|
|
96
|
-
$msg-warning-icon-color: darken($msg-warning-bg-color, 64%) !default;
|
|
97
|
-
$msg-warning-icon-color-alt1: darken($msg-warning-bg-color, 64%) !default;
|
|
98
|
-
$msg-warning-icon-color-alt2: $neutral-white !default;
|
|
99
|
-
|
|
100
|
-
$msg-warning-close-icon-color: $neutral-secondary !default;
|
|
101
|
-
$msg-warning-close-icon-color-alt1: $neutral-secondary !default;
|
|
102
|
-
$msg-warning-close-icon-color-alt2: $neutral-white !default;
|
|
103
|
-
|
|
104
|
-
//Message Danger
|
|
105
|
-
$msg-danger-color: $theme-light-font !default;
|
|
106
|
-
$msg-danger-bg-color: #fde7e9 !default;
|
|
107
|
-
$msg-danger-border-color:$msg-danger-bg-color !default;
|
|
108
|
-
$msg-danger-color-alt1: #a80000 !default;
|
|
109
|
-
$msg-danger-bg-color-alt1: transparent !default;
|
|
110
|
-
$msg-danger-border-color-alt1: #a80000 !default;
|
|
111
|
-
$msg-danger-color-alt2: $neutral-white !default;
|
|
112
|
-
$msg-danger-bg-color-alt2: #a80000 !default;
|
|
113
|
-
$msg-danger-border-color-alt2: $msg-danger-bg-color-alt2 !default;
|
|
114
|
-
|
|
115
|
-
$msg-danger-icon-color: #a80000 !default;
|
|
116
|
-
$msg-danger-icon-color-alt1: #a80000 !default;
|
|
117
|
-
$msg-danger-icon-color-alt2: $neutral-white !default;
|
|
118
|
-
|
|
119
|
-
$msg-danger-close-icon-color: $neutral-secondary !default;
|
|
120
|
-
$msg-danger-close-icon-color-alt1: $neutral-secondary !default;
|
|
121
|
-
$msg-danger-close-icon-color-alt2: $neutral-white !default;
|
|
122
|
-
|
|
123
|
-
//Message Info
|
|
124
|
-
$msg-info-color: $theme-light-font !default;
|
|
125
|
-
$msg-info-bg-color:#cdf4fc !default;
|
|
126
|
-
$msg-info-border-color: $msg-info-bg-color !default;
|
|
127
|
-
$msg-info-color-alt1: darken($msg-info-bg-color, 65%) !default;
|
|
128
|
-
$msg-info-bg-color-alt1: transparent !default;
|
|
129
|
-
$msg-info-border-color-alt1: darken($msg-info-bg-color, 65%) !default;
|
|
130
|
-
$msg-info-color-alt2: $neutral-white !default;
|
|
131
|
-
$msg-info-bg-color-alt2: darken($msg-info-bg-color, 65%) !default;
|
|
132
|
-
$msg-info-border-color-alt2: darken($msg-info-bg-color, 65%) !default;
|
|
133
|
-
|
|
134
|
-
$msg-info-icon-color: darken($msg-info-bg-color, 65%) !default;
|
|
135
|
-
$msg-info-icon-color-alt1: darken($msg-info-bg-color, 65%) !default;
|
|
136
|
-
$msg-info-icon-color-alt2: $neutral-white !default;
|
|
137
|
-
|
|
138
|
-
$msg-info-close-icon-color: $neutral-secondary !default;
|
|
139
|
-
$msg-info-close-icon-color-alt1: $neutral-secondary !default;
|
|
140
|
-
$msg-info-close-icon-color-alt2: $neutral-white !default;
|
|
141
|
-
|
|
142
|
-
//App bar
|
|
143
|
-
//Light
|
|
144
|
-
$appbar-bg-color-alt1: $neutral-lighter !default;
|
|
145
|
-
$appbar-color-alt1: $neutral-primary !default;
|
|
146
|
-
$appbar-border-color-alt1: $neutral-lighter !default;
|
|
147
|
-
$appbar-hover-bg-color-alt1: rgba(transparent, .056) !default;
|
|
148
|
-
|
|
149
|
-
//Dark
|
|
150
|
-
$appbar-bg-color-alt2: $neutral-primary !default;
|
|
151
|
-
$appbar-color-alt2: $neutral-lighter !default;
|
|
152
|
-
$appbar-border-color-alt2: $neutral-primary !default;
|
|
153
|
-
$appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
|
|
154
|
-
|
|
155
|
-
//shadow
|
|
156
|
-
$appbar-bottom-shadow: none !default;
|
|
157
|
-
$appbar-top-shadow: none !default;
|
|
158
|
-
|
|
159
|
-
//definition
|
|
160
|
-
$font-size: 14px !default;
|
|
161
|
-
$font-weight: normal !default;
|
|
162
|
-
$font-path: 'common-images' !default;
|
|
163
|
-
$header-bg-color: $theme-primary !default;
|
|
164
|
-
$header-gradient-color: none !default;
|
|
165
|
-
$header-border-color: $theme-primary !default;
|
|
166
|
-
$header-font-color: $theme-primary-font !default;
|
|
167
|
-
$header-icon-color: $theme-primary-font !default;
|
|
168
|
-
$content-bg-color: $neutral-white !default;
|
|
169
|
-
$content-border-color: $neutral-white !default;
|
|
170
|
-
$content-font-color: $base-font !default;
|
|
171
|
-
$default-bg-color: $neutral-white !default;
|
|
172
|
-
$default-gradient-color: none !default;
|
|
173
|
-
$default-border-color: $neutral-white !default;
|
|
174
|
-
$default-font-color: $base-font !default;
|
|
175
|
-
$default-icon-color: $base-font !default;
|
|
176
|
-
$hover-bg-color: $neutral-light !default;
|
|
177
|
-
$hover-gradient-color: none !default;
|
|
178
|
-
$hover-border-color: $neutral-light !default;
|
|
179
|
-
$hover-font-color: $neutral-light-font !default;
|
|
180
|
-
$hover-icon-color: $neutral-light-font !default;
|
|
181
|
-
$active-bg-color: $theme-light !default;
|
|
182
|
-
$active-gradient-color: none !default;
|
|
183
|
-
$active-border-color: $theme-light !default;
|
|
184
|
-
$active-font-color: $theme-light-font !default;
|
|
185
|
-
$active-icon-color: $theme-light-font !default;
|
|
186
|
-
$error-font-color: $error-font !default;
|
|
187
|
-
$warning-font-color: $alert-font !default;
|
|
188
|
-
$success-font-color: $success-font !default;
|
|
189
|
-
$information-font-color: $message-font !default;
|
|
190
|
-
$overlay-bg-color: #383838 !default;
|
|
191
|
-
$shadow-color: rgba(0, 0, 0, .4) !default;
|
|
192
|
-
$border-size: 1px !default;
|
|
193
|
-
$border-type: solid !default;
|
|
194
|
-
$border-radius: 0 !default;
|
|
195
|
-
$border-left-radius: 0 !default;
|
|
196
|
-
$border-right-radius: 0 !default;
|
|
197
|
-
$border-top-radius: 0 !default;
|
|
198
|
-
$border-bottom-radius: 0 !default;
|
|
1
|
+
@import '../common/mixin.scss';
|
|
2
|
+
|
|
3
|
+
$theme-primary: #0078d6 !default;
|
|
4
|
+
$theme-dark-alt: darken($theme-primary, 3%) !default;
|
|
5
|
+
$theme-dark: darken($theme-primary, 10%) !default;
|
|
6
|
+
$theme-darker: darken($theme-primary, 18%) !default;
|
|
7
|
+
$theme-secondary: lighten($theme-primary, 3%) !default;
|
|
8
|
+
$theme-tertiary: lighten($theme-primary, 21%) !default;
|
|
9
|
+
$theme-light: lighten($theme-primary, 44%) !default;
|
|
10
|
+
$theme-lighter: lighten($theme-primary, 49%) !default;
|
|
11
|
+
$theme-lighter-alt: lighten($theme-primary, 55%) !default;
|
|
12
|
+
$neutral-white: #fff !default;
|
|
13
|
+
$neutral-lighter-alt: #f8f8f8 !default;
|
|
14
|
+
$neutral-lighter: #f4f4f4 !default;
|
|
15
|
+
$neutral-light: #eaeaea !default;
|
|
16
|
+
$neutral-quintenaryalt: #dadada !default;
|
|
17
|
+
$neutral-quintenary: #d0d0d0 !default;
|
|
18
|
+
$neutral-tertiary-alt: #c8c8c8 !default;
|
|
19
|
+
$neutral-tertiary: #a6a6a6 !default;
|
|
20
|
+
$neutral-secondary-alt: #767676 !default;
|
|
21
|
+
$neutral-secondary: #666 !default;
|
|
22
|
+
$neutral-primary: #333 !default;
|
|
23
|
+
$neutral-dark: #212121 !default;
|
|
24
|
+
$neutral-black: #000 !default;
|
|
25
|
+
$alert-bg: #deecf9 !default;
|
|
26
|
+
$error-bg: #fde7e9 !default;
|
|
27
|
+
$success-bg: #dff6dd !default;
|
|
28
|
+
$theme-dark-font: #fff !default;
|
|
29
|
+
$theme-primary-font: #fff !default;
|
|
30
|
+
$theme-light-font: #333 !default;
|
|
31
|
+
$neutral-light-font: #333 !default;
|
|
32
|
+
$neutral-light-fontalt: #000 !default;
|
|
33
|
+
$grey-dark-font: #fff !default;
|
|
34
|
+
$base-font: #333 !default;
|
|
35
|
+
$message-font: #333 !default;
|
|
36
|
+
$alert-font: #d83b01 !default;
|
|
37
|
+
$error-font: #a80000 !default;
|
|
38
|
+
$success-font: #107c10 !default;
|
|
39
|
+
$shadow: #000 !default;
|
|
40
|
+
$skin-name: 'fabric' !default;
|
|
41
|
+
$theme-name: 'fabric' !default;
|
|
42
|
+
|
|
43
|
+
$font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
|
|
44
|
+
|
|
45
|
+
//Message component
|
|
46
|
+
|
|
47
|
+
//Message Default
|
|
48
|
+
$msg-color: $theme-light-font !default;
|
|
49
|
+
$msg-bg-color: $neutral-lighter !default;
|
|
50
|
+
$msg-border-color: $neutral-lighter !default;
|
|
51
|
+
$msg-color-alt1: $theme-light-font !default;
|
|
52
|
+
$msg-bg-color-alt1: transparent !default;
|
|
53
|
+
$msg-border-color-alt1: $neutral-quintenaryalt !default;
|
|
54
|
+
$msg-color-alt2: $neutral-white !default;
|
|
55
|
+
$msg-bg-color-alt2: $neutral-secondary-alt !default;
|
|
56
|
+
$msg-border-color-alt2: $msg-bg-color-alt2 !default;
|
|
57
|
+
|
|
58
|
+
$msg-icon-color: $theme-light-font !default;
|
|
59
|
+
$msg-icon-color-alt1: $theme-light-font !default;
|
|
60
|
+
$msg-icon-color-alt2: $neutral-white !default;
|
|
61
|
+
|
|
62
|
+
$msg-close-icon-color: $neutral-secondary !default;
|
|
63
|
+
$msg-close-icon-color-alt1: $neutral-secondary !default;
|
|
64
|
+
$msg-close-icon-color-alt2: $neutral-white !default;
|
|
65
|
+
|
|
66
|
+
//Message success
|
|
67
|
+
$msg-success-color: $theme-light-font !default;
|
|
68
|
+
$msg-success-bg-color:#dff6dd !default;
|
|
69
|
+
$msg-success-border-color:#dff6dd !default;
|
|
70
|
+
$msg-success-color-alt1: #107c10 !default;
|
|
71
|
+
$msg-success-bg-color-alt1: transparent !default;
|
|
72
|
+
$msg-success-border-color-alt1: $msg-success-color-alt1 !default;
|
|
73
|
+
$msg-success-color-alt2: $neutral-white !default;
|
|
74
|
+
$msg-success-bg-color-alt2: $msg-success-color-alt1 !default;
|
|
75
|
+
$msg-success-border-color-alt2: $msg-success-color-alt1 !default;
|
|
76
|
+
|
|
77
|
+
$msg-success-icon-color: #107c10 !default;
|
|
78
|
+
$msg-success-icon-color-alt1: #107c10 !default;
|
|
79
|
+
$msg-success-icon-color-alt2: $neutral-white !default;
|
|
80
|
+
|
|
81
|
+
$msg-success-close-icon-color: $neutral-secondary !default;
|
|
82
|
+
$msg-success-close-icon-color-alt1: $neutral-secondary !default;
|
|
83
|
+
$msg-success-close-icon-color-alt2: $neutral-white !default;
|
|
84
|
+
|
|
85
|
+
//Message warning
|
|
86
|
+
$msg-warning-color: $theme-light-font !default;
|
|
87
|
+
$msg-warning-bg-color: #fff4ce !default;
|
|
88
|
+
$msg-warning-border-color: $msg-warning-bg-color !default;
|
|
89
|
+
$msg-warning-color-alt1: darken($msg-warning-bg-color, 64%) !default;
|
|
90
|
+
$msg-warning-bg-color-alt1: transparent !default;
|
|
91
|
+
$msg-warning-border-color-alt1: darken($msg-warning-bg-color, 50%) !default;
|
|
92
|
+
$msg-warning-color-alt2: $neutral-white !default;
|
|
93
|
+
$msg-warning-bg-color-alt2: darken($msg-warning-bg-color, 64%) !default;
|
|
94
|
+
$msg-warning-border-color-alt2: darken($msg-warning-bg-color, 64%) !default;
|
|
95
|
+
|
|
96
|
+
$msg-warning-icon-color: darken($msg-warning-bg-color, 64%) !default;
|
|
97
|
+
$msg-warning-icon-color-alt1: darken($msg-warning-bg-color, 64%) !default;
|
|
98
|
+
$msg-warning-icon-color-alt2: $neutral-white !default;
|
|
99
|
+
|
|
100
|
+
$msg-warning-close-icon-color: $neutral-secondary !default;
|
|
101
|
+
$msg-warning-close-icon-color-alt1: $neutral-secondary !default;
|
|
102
|
+
$msg-warning-close-icon-color-alt2: $neutral-white !default;
|
|
103
|
+
|
|
104
|
+
//Message Danger
|
|
105
|
+
$msg-danger-color: $theme-light-font !default;
|
|
106
|
+
$msg-danger-bg-color: #fde7e9 !default;
|
|
107
|
+
$msg-danger-border-color:$msg-danger-bg-color !default;
|
|
108
|
+
$msg-danger-color-alt1: #a80000 !default;
|
|
109
|
+
$msg-danger-bg-color-alt1: transparent !default;
|
|
110
|
+
$msg-danger-border-color-alt1: #a80000 !default;
|
|
111
|
+
$msg-danger-color-alt2: $neutral-white !default;
|
|
112
|
+
$msg-danger-bg-color-alt2: #a80000 !default;
|
|
113
|
+
$msg-danger-border-color-alt2: $msg-danger-bg-color-alt2 !default;
|
|
114
|
+
|
|
115
|
+
$msg-danger-icon-color: #a80000 !default;
|
|
116
|
+
$msg-danger-icon-color-alt1: #a80000 !default;
|
|
117
|
+
$msg-danger-icon-color-alt2: $neutral-white !default;
|
|
118
|
+
|
|
119
|
+
$msg-danger-close-icon-color: $neutral-secondary !default;
|
|
120
|
+
$msg-danger-close-icon-color-alt1: $neutral-secondary !default;
|
|
121
|
+
$msg-danger-close-icon-color-alt2: $neutral-white !default;
|
|
122
|
+
|
|
123
|
+
//Message Info
|
|
124
|
+
$msg-info-color: $theme-light-font !default;
|
|
125
|
+
$msg-info-bg-color:#cdf4fc !default;
|
|
126
|
+
$msg-info-border-color: $msg-info-bg-color !default;
|
|
127
|
+
$msg-info-color-alt1: darken($msg-info-bg-color, 65%) !default;
|
|
128
|
+
$msg-info-bg-color-alt1: transparent !default;
|
|
129
|
+
$msg-info-border-color-alt1: darken($msg-info-bg-color, 65%) !default;
|
|
130
|
+
$msg-info-color-alt2: $neutral-white !default;
|
|
131
|
+
$msg-info-bg-color-alt2: darken($msg-info-bg-color, 65%) !default;
|
|
132
|
+
$msg-info-border-color-alt2: darken($msg-info-bg-color, 65%) !default;
|
|
133
|
+
|
|
134
|
+
$msg-info-icon-color: darken($msg-info-bg-color, 65%) !default;
|
|
135
|
+
$msg-info-icon-color-alt1: darken($msg-info-bg-color, 65%) !default;
|
|
136
|
+
$msg-info-icon-color-alt2: $neutral-white !default;
|
|
137
|
+
|
|
138
|
+
$msg-info-close-icon-color: $neutral-secondary !default;
|
|
139
|
+
$msg-info-close-icon-color-alt1: $neutral-secondary !default;
|
|
140
|
+
$msg-info-close-icon-color-alt2: $neutral-white !default;
|
|
141
|
+
|
|
142
|
+
//App bar
|
|
143
|
+
//Light
|
|
144
|
+
$appbar-bg-color-alt1: $neutral-lighter !default;
|
|
145
|
+
$appbar-color-alt1: $neutral-primary !default;
|
|
146
|
+
$appbar-border-color-alt1: $neutral-lighter !default;
|
|
147
|
+
$appbar-hover-bg-color-alt1: rgba(transparent, .056) !default;
|
|
148
|
+
|
|
149
|
+
//Dark
|
|
150
|
+
$appbar-bg-color-alt2: $neutral-primary !default;
|
|
151
|
+
$appbar-color-alt2: $neutral-lighter !default;
|
|
152
|
+
$appbar-border-color-alt2: $neutral-primary !default;
|
|
153
|
+
$appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
|
|
154
|
+
|
|
155
|
+
//shadow
|
|
156
|
+
$appbar-bottom-shadow: none !default;
|
|
157
|
+
$appbar-top-shadow: none !default;
|
|
158
|
+
|
|
159
|
+
//definition
|
|
160
|
+
$font-size: 14px !default;
|
|
161
|
+
$font-weight: normal !default;
|
|
162
|
+
$font-path: 'common-images' !default;
|
|
163
|
+
$header-bg-color: $theme-primary !default;
|
|
164
|
+
$header-gradient-color: none !default;
|
|
165
|
+
$header-border-color: $theme-primary !default;
|
|
166
|
+
$header-font-color: $theme-primary-font !default;
|
|
167
|
+
$header-icon-color: $theme-primary-font !default;
|
|
168
|
+
$content-bg-color: $neutral-white !default;
|
|
169
|
+
$content-border-color: $neutral-white !default;
|
|
170
|
+
$content-font-color: $base-font !default;
|
|
171
|
+
$default-bg-color: $neutral-white !default;
|
|
172
|
+
$default-gradient-color: none !default;
|
|
173
|
+
$default-border-color: $neutral-white !default;
|
|
174
|
+
$default-font-color: $base-font !default;
|
|
175
|
+
$default-icon-color: $base-font !default;
|
|
176
|
+
$hover-bg-color: $neutral-light !default;
|
|
177
|
+
$hover-gradient-color: none !default;
|
|
178
|
+
$hover-border-color: $neutral-light !default;
|
|
179
|
+
$hover-font-color: $neutral-light-font !default;
|
|
180
|
+
$hover-icon-color: $neutral-light-font !default;
|
|
181
|
+
$active-bg-color: $theme-light !default;
|
|
182
|
+
$active-gradient-color: none !default;
|
|
183
|
+
$active-border-color: $theme-light !default;
|
|
184
|
+
$active-font-color: $theme-light-font !default;
|
|
185
|
+
$active-icon-color: $theme-light-font !default;
|
|
186
|
+
$error-font-color: $error-font !default;
|
|
187
|
+
$warning-font-color: $alert-font !default;
|
|
188
|
+
$success-font-color: $success-font !default;
|
|
189
|
+
$information-font-color: $message-font !default;
|
|
190
|
+
$overlay-bg-color: #383838 !default;
|
|
191
|
+
$shadow-color: rgba(0, 0, 0, .4) !default;
|
|
192
|
+
$border-size: 1px !default;
|
|
193
|
+
$border-type: solid !default;
|
|
194
|
+
$border-radius: 0 !default;
|
|
195
|
+
$border-left-radius: 0 !default;
|
|
196
|
+
$border-right-radius: 0 !default;
|
|
197
|
+
$border-top-radius: 0 !default;
|
|
198
|
+
$border-bottom-radius: 0 !default;
|