@featherk/styles 0.2.3 → 0.3.0

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.
Files changed (8) hide show
  1. package/dist/v1/scss/_externalStyles.scss +5 -0
  2. package/dist/v1/scss/_fonts.scss +63 -0
  3. package/dist/v1/scss/_kendo.scss +5 -0
  4. package/dist/v1/scss/_overrides.scss +4605 -0
  5. package/dist/v1/scss/_placeholders.scss +7 -0
  6. package/dist/v1/scss/_tokens.scss +721 -0
  7. package/dist/v1/scss/index.scss +9 -0
  8. package/package.json +1 -1
package/dist/v1/scss/_tokens.scss ADDED
@@ -0,0 +1,721 @@
1
+ // Compatible with @progress/kendo-theme-default v.8.2.0
2
+
3
+ $feather-kendo-is-dark-theme: false;
4
+ $feather-feather-icon-size: 1.5rem;
5
+ $feather-feather-icon-size-sm: 1.25rem;
6
+ $feather-feather-spacing-min: 0.25rem;
7
+ $feather-feather-spacing-xs: 0.5rem;
8
+ $feather-feather-spacing-l: 1.5rem;
9
+ $feather-feather-spacing-m: 1rem;
10
+ $feather-kendo-appbar-gap: 16px;
11
+ $feather-feather-border-width: 1px;
12
+ $feather-feather-spacing-s: 0.75rem;
13
+ $feather-feather-border-radius: 0.25rem;
14
+ $feather-kendo-button-padding-x: 12px;
15
+ $feather-kendo-button-padding-y: 8px;
16
+ $feather-feather-border-radius-m: 0.5rem;
17
+ $feather-feather-border-width-m: 1.5px;
18
+ $feather-kendo-checkbox-label-margin-x: 12px;
19
+ $feather-kendo-checkbox-list-spacing: 16px;
20
+ $feather-kendo-checkbox-list-item-padding-x: 12px;
21
+ $feather-kendo-checkbox-list-item-padding-y: 8px;
22
+ $feather-kendo-chip-padding-x: 0.375rem;
23
+ $feather-kendo-chip-padding-y: 0.375rem;
24
+ $feather-feather-border-width-xl: 3px;
25
+ $feather-feather-border-radius-s: 0.125rem;
26
+ $feather-kendo-fab-padding-x: 1rem;
27
+ $feather-kendo-form-legend-padding: 0px;
28
+ $feather-kendo-form-label-margin-bottom: 0.25rem;
29
+ $feather-kendo-grid-padding-x: 16px;
30
+ $feather-kendo-grid-padding-y: 12px;
31
+ $feather-kendo-grid-header-padding-y: 18px;
32
+ $feather-kendo-grid-cell-padding-y: 14px;
33
+ $feather-kendo-input-lg-padding-y: 0.5rem;
34
+ $feather-kendo-radio-label-margin-x: 12px;
35
+ $feather-kendo-radio-list-spacing: 8px;
36
+ $feather-kendo-radio-list-item-padding-x: 12px;
37
+ $feather-kendo-radio-list-item-padding-y: 8px;
38
+ $feather-feather-border-radius-full: 9999px;
39
+ $feather-kendo-window-titlebar-padding-x: 24px;
40
+ $feather-kendo-window-titlebar-padding-y: 16px;
41
+ $feather-kendo-window-inner-padding-x: 24px;
42
+ $feather-kendo-window-inner-padding-y: 24px;
43
+ $feather-feather-font-size-sm: 0.75rem;
44
+ $feather-kendo-font-size-xl: 20px;
45
+ $feather-feather-font-size-md: 0.875rem;
46
+ $feather-feather-font-size-lg: 1rem;
47
+ $feather-feather-container-height-md: 2.25rem;
48
+ $feather-feather-container-height-lg: 2.5rem;
49
+ $feather-feather-container-height-sm: 2rem;
50
+ $feather-feather-container-height-xs: 1.75rem;
51
+ $feather-feather-container-height-xl: 3rem;
52
+ $feather-feather-spacing-xl: 2rem;
53
+ $feather-feather-spacing-xxl: 2.5rem;
54
+ $feather-feather-spacing-max: 3rem;
55
+ $feather-kendo-grid-edit-cell-padding-y: 6px;
56
+ $feather-feather-border-width-l: 2px;
57
+ $feather-feather-border-radius-l: 0.75rem;
58
+ $feather-feather-border-radius-xl: 16px;
59
+ $feather-feather-icon-size-min: 1rem;
60
+ $feather-feather-icon-size-max: 2.5rem;
61
+ $feather-kendo-icon-size: $feather-feather-icon-size;
62
+ $feather-kendo-icon-size-md: $feather-feather-icon-size-sm;
63
+ $feather-kendo-padding-y: $feather-feather-spacing-min;
64
+ $feather-kendo-padding-sm-x: $feather-feather-spacing-min;
65
+ $feather-kendo-padding-md-x: $feather-feather-spacing-xs;
66
+ $feather-kendo-padding-md-y: $feather-feather-spacing-min;
67
+ $feather-kendo-padding-lg-x: $feather-feather-spacing-l;
68
+ $feather-kendo-appbar-padding-x: $feather-feather-spacing-m;
69
+ $feather-kendo-appbar-padding-y: $feather-feather-spacing-xs;
70
+ $feather-kendo-avatar-border-width: $feather-feather-border-width;
71
+ $feather-kendo-badge-border-width: $feather-feather-border-width;
72
+ $feather-kendo-badge-md-padding-x: $feather-feather-spacing-xs;
73
+ $feather-kendo-badge-md-padding-y: $feather-feather-spacing-xs;
74
+ $feather-kendo-bottom-nav-padding-x: $feather-feather-spacing-xs;
75
+ $feather-kendo-bottom-nav-item-padding-x: $feather-feather-spacing-s;
76
+ $feather-kendo-bottom-nav-item-border-radius: $feather-feather-border-radius;
77
+ $feather-kendo-breadcrumb-link-border-radius: $feather-feather-border-radius;
78
+ $feather-kendo-button-border-width: $feather-feather-border-width;
79
+ $feather-kendo-calendar-border-width: $feather-feather-border-width;
80
+ $feather-kendo-calendar-header-border-width: $feather-feather-border-width;
81
+ $feather-kendo-calendar-cell-border-radius: $feather-feather-border-radius;
82
+ $feather-kendo-calendar-range-cell-border-radius: $feather-feather-border-radius-m;
83
+ $feather-kendo-card-border-width: $feather-feather-border-width;
84
+ $feather-kendo-card-border-radius: $feather-feather-border-radius-m;
85
+ $feather-kendo-card-header-border-width: $feather-feather-border-width;
86
+ $feather-kendo-card-footer-border-width: $feather-feather-border-width;
87
+ $feather-kendo-checkbox-border-width: $feather-feather-border-width-m;
88
+ $feather-kendo-chip-border-width: $feather-feather-border-width;
89
+ $feather-kendo-chip-spacing: $feather-feather-spacing-min;
90
+ $feather-kendo-chip-md-padding-y: $feather-kendo-chip-padding-y;
91
+ $feather-kendo-color-editor-border-width: $feather-feather-border-width;
92
+ $feather-kendo-color-editor-border-radius: $feather-feather-border-radius;
93
+ $feather-kendo-color-gradient-border-width: $feather-feather-border-width;
94
+ $feather-kendo-color-gradient-border-radius: $feather-feather-border-radius;
95
+ $feather-kendo-color-gradient-canvas-border-radius: $feather-feather-border-radius;
96
+ $feather-kendo-color-gradient-slider-draghandle-border-width: $feather-feather-border-width-xl;
97
+ $feather-kendo-color-gradient-draghandle-border-width: $feather-feather-border-width;
98
+ $feather-kendo-dialog-buttongroup-border-width: $feather-feather-border-width;
99
+ $feather-kendo-dock-manager-border-width: $feather-feather-border-width;
100
+ $feather-kendo-dock-manager-dock-preview-border-width: $feather-feather-border-width;
101
+ $feather-kendo-dock-manager-dock-preview-border-radius: $feather-feather-border-radius-s;
102
+ $feather-kendo-dropdowntree-popup-padding-x: $feather-feather-spacing-xs;
103
+ $feather-kendo-dropdowntree-popup-padding-y: $feather-feather-spacing-xs;
104
+ $feather-kendo-dropzone-border-width: $feather-feather-border-width;
105
+ $feather-kendo-editor-border-width: $feather-feather-border-width;
106
+ $feather-kendo-editor-resize-handle-border-width: $feather-feather-border-width;
107
+ $feather-kendo-expander-border-width: $feather-feather-border-width;
108
+ $feather-kendo-fab-border-width: $feather-feather-border-width;
109
+ $feather-kendo-fab-item-text-border-width: $feather-feather-border-width;
110
+ $feather-kendo-fab-item-text-border-radius: $feather-feather-border-radius-s;
111
+ $feather-kendo-grid-selection-aggregates-border-width: $feather-feather-border-width;
112
+ $feather-kendo-input-border-width: $feather-feather-border-width;
113
+ $feather-kendo-input-padding-x: $feather-feather-spacing-m;
114
+ $feather-kendo-input-padding-y: $feather-feather-spacing-min;
115
+ $feather-kendo-listbox-border-width: $feather-feather-border-width;
116
+ $feather-kendo-listview-border-width: $feather-feather-border-width;
117
+ $feather-kendo-loader-container-panel-border-width: $feather-feather-border-width;
118
+ $feather-kendo-loader-container-panel-border-radius: $feather-feather-border-radius;
119
+ $feather-kendo-menu-popup-border-width: $feather-feather-border-width;
120
+ $feather-kendo-notification-border-width: $feather-feather-border-width;
121
+ $feather-kendo-notification-border-radius: $feather-feather-border-radius;
122
+ $feather-kendo-pager-border-width: $feather-feather-border-width;
123
+ $feather-kendo-panelbar-border-width: $feather-feather-border-width;
124
+ $feather-kendo-panelbar-item-border-width: $feather-feather-border-width;
125
+ $feather-kendo-popup-border-width: $feather-feather-border-width;
126
+ $feather-kendo-prompt-suggestion-border-radius: $feather-feather-border-radius;
127
+ $feather-kendo-radio-border-width: $feather-feather-border-width-m;
128
+ $feather-kendo-scheduler-border-width: $feather-feather-border-width;
129
+ $feather-kendo-scheduler-event-border-radius: $feather-feather-border-radius;
130
+ $feather-kendo-scheduler-tooltip-event-border-radius: $feather-feather-border-radius;
131
+ $feather-kendo-scrollview-border-width: $feather-feather-border-width;
132
+ $feather-kendo-skeleton-text-border-radius: $feather-feather-border-radius;
133
+ $feather-kendo-skeleton-circle-border-radius: $feather-feather-border-radius-full;
134
+ $feather-kendo-slider-draghandle-border-width: $feather-feather-border-width;
135
+ $feather-kendo-splitter-border-width: $feather-feather-border-width;
136
+ $feather-kendo-stepper-indicator-border-width: $feather-feather-border-width;
137
+ $feather-kendo-stepper-indicator-focus-border-width: $feather-feather-border-width;
138
+ $feather-kendo-switch-track-border-width: $feather-feather-border-width-m;
139
+ $feather-kendo-switch-thumb-border-width: $feather-feather-border-width-m;
140
+ $feather-kendo-table-border-width: $feather-feather-border-width;
141
+ $feather-kendo-table-cell-vertical-border-width: $feather-feather-border-width;
142
+ $feather-kendo-tabstrip-border-width: $feather-feather-border-width;
143
+ $feather-kendo-tabstrip-item-border-width: $feather-feather-border-width;
144
+ $feather-kendo-tabstrip-item-border-radius: $feather-feather-border-radius;
145
+ $feather-kendo-tabstrip-content-border-width: $feather-feather-border-width;
146
+ $feather-kendo-tile-layout-hint-border-width: $feather-feather-border-width;
147
+ $feather-kendo-toolbar-border-width: $feather-feather-border-width;
148
+ $feather-kendo-toolbar-flat-border-width: $feather-feather-border-width;
149
+ $feather-kendo-tooltip-border-radius: $feather-feather-border-radius;
150
+ $feather-kendo-treelist-footer-row-border-width: $feather-feather-border-width;
151
+ $feather-kendo-treeview-indent: $feather-feather-spacing-l;
152
+ $feather-kendo-treeview-item-padding-x: $feather-feather-spacing-xs;
153
+ $feather-kendo-treeview-item-padding-y: $feather-feather-spacing-min;
154
+ $feather-kendo-treeview-item-border-radius: $feather-feather-border-radius;
155
+ $feather-kendo-code-border-width: $feather-feather-border-width;
156
+ $feather-kendo-upload-border-width: $feather-feather-border-width;
157
+ $feather-kendo-window-border-radius: $feather-feather-border-radius-m;
158
+ $feather-kendo-window-buttongroup-border-width: $feather-feather-border-width;
159
+ $feather-kendo-border-radius: $feather-feather-border-radius;
160
+ $feather-kendo-border-radius-md: $feather-kendo-border-radius;
161
+ $feather-kendo-font-size-xs: $feather-feather-font-size-sm;
162
+ $feather-kendo-appbar-light-text: black;
163
+ $feather-feather-primary-text-on-color: #ffffff;
164
+ $feather-feather-secondary-text-on-surface: rgba(10,12,27,0.7);
165
+ $feather-feather-surface-shade-3: rgba(232,232,240,1);
166
+ $feather-feather-border-on-surface: rgba(10, 12, 27, 0.12);
167
+ $feather-feather-surface: rgba(252,252,255,1);
168
+ $feather-feather-primary: rgba(0, 53, 131, 1);
169
+ $feather-feather-surface-shade-2: rgba(237,237,245,1);
170
+ $feather-primary-hover: rgb(0, 50.88, 125.76);
171
+ $feather-kendo-button-bg: transparent;
172
+ $feather-on-primary: white;
173
+ $feather-kendo-calendar-cell-hover-bg: transparent;
174
+ $feather-kendo-checkbox-bg: transparent;
175
+ $feather-error: #a5021f;
176
+ $feather-feather-surface-shade-1: rgba(242,242,250,1);
177
+ $feather-feather-primary-text-on-surface: rgba(10,12,27,0.9);
178
+ $feather-base-hover: #ebebeb;
179
+ $feather-primary-subtle: rgb(204, 214.6, 230.2);
180
+ $feather-kendo-grid-header-bg: #ffffff;
181
+ $feather-feather-border-light-on-surface: rgba(10,12,27,0.06);
182
+ $feather-primary-active: rgb(0, 46.64, 115.28);
183
+ $feather-success: #0b720c;
184
+ $feather-feather-disabled-text-on-surface: rgba(10,12,27,0.4);
185
+ $feather-feather-secondary-text-on-color: rgba(255, 255, 255, 0.7);
186
+ $feather-feather-icon-on-neutral: rgba(10, 12, 27, 0.60);
187
+ $feather-feather-border-on-color: rgba(255,255,255,0.24);
188
+ $feather-feather-primary-variant: rgba(25,91,181,1);
189
+ $feather-feather-secondary: rgba(125,52,201,1);
190
+ $feather-feather-secondary-variant: rgba(81,18,145,1);
191
+ $feather-feather-background: rgba(227,227,235,1);
192
+ $feather-feather-background-dark: rgba(217,217,224,1);
193
+ $feather-feather-border-light-on-color: rgba(255,255,255,0.12);
194
+ $feather-feather-disabled-text-on-color: rgba(255,255,255,0.5);
195
+ $feather-feather-hover-on-surface-gradient: linear-gradient(rgba(25,91,181,0.12),rgba(25,91,181,0.06));
196
+ $feather-feather-selected-on-surface-gradient: linear-gradient(rgba(25,91,181,0.08),rgba(25,91,181,0.08));
197
+ $feather-feather-focused-on-surface-gradient: linear-gradient(rgba(25,91,181,0.12),rgba(25,91,181,0.12));
198
+ $feather-feather-active-on-surface-gradient: linear-gradient(rgba(25,91,181,0.16),rgba(25,91,181,0.16));
199
+ $feather-feather-hover-on-color: linear-gradient(rgba(255,255,255,0.08),rgba(255,255,255,0.08));
200
+ $feather-feather-selected-on-color: linear-gradient(rgba(255,255,255,0.12), rgba(255,255,255,0.12));
201
+ $feather-feather-focused-on-color: linear-gradient(rgba(255,255,255,0.16), rgba(255,255,255,0.16));
202
+ $feather-feather-active-on-color: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2));
203
+ $feather-feather-default-on-color: linear-gradient(rgba(255,255,255,0.00),rgba(255,255,255,0.00));
204
+ $feather-primary-subtle-hover: rgb(165.75, 184.3, 211.6);
205
+ $feather-primary-subtle-active: rgb(127.5, 154, 193);
206
+ $feather-primary-emphasis: rgb(63.75, 103.5, 162);
207
+ $feather-primary-on-subtle: rgb(0, 18.55, 45.85);
208
+ $feather-primary-on-surface: rgb(0, 39.75, 98.25);
209
+ $feather-secondary-subtle: rgb(209, 222.2, 240.2);
210
+ $feather-secondary-subtle-hover: rgb(174.5, 197.6, 229.1);
211
+ $feather-secondary-subtle-active: #8cadda;
212
+ $feather-secondary-hover: rgb(24, 87.36, 173.76);
213
+ $feather-secondary-active: rgb(22, 80.08, 159.28);
214
+ $feather-secondary-emphasis: rgb(82.5, 132, 199.5);
215
+ $feather-secondary-on-subtle: rgb(8.75, 31.85, 63.35);
216
+ $feather-on-secondary: white;
217
+ $feather-secondary-on-surface: rgb(18.75, 68.25, 135.75);
218
+ $feather-tertiary-subtle: rgb(229, 214.4, 244.2);
219
+ $feather-tertiary-subtle-hover: rgb(209.5, 183.95, 236.1);
220
+ $feather-tertiary-subtle-active: rgb(190, 153.5, 228);
221
+ $feather-tertiary-hover: rgb(120, 49.92, 192.96);
222
+ $feather-tertiary-active: rgb(110, 45.76, 176.88);
223
+ $feather-tertiary-emphasis: rgb(157.5, 102.75, 214.5);
224
+ $feather-tertiary-on-subtle: rgb(43.75, 18.2, 70.35);
225
+ $feather-on-tertiary: white;
226
+ $feather-tertiary-on-surface: rgb(93.75, 39, 150.75);
227
+ $feather-success-subtle: rgb(206.2, 226.8, 206.4);
228
+ $feather-success-subtle-hover: rgb(169.6, 205.65, 169.95);
229
+ $feather-success-subtle-active: rgb(133, 184.5, 133.5);
230
+ $feather-success-hover: rgb(10.56, 109.44, 11.52);
231
+ $feather-success-active: rgb(9.68, 100.32, 10.56);
232
+ $feather-success-emphasis: rgb(72, 149.25, 72.75);
233
+ $feather-success-on-subtle: rgb(3.85, 39.9, 4.2);
234
+ $feather-on-success: white;
235
+ $feather-success-on-surface: rgb(8.25, 85.5, 9);
236
+ $feather-warning-subtle: rgb(255, 238.4, 211.6);
237
+ $feather-warning-subtle-hover: rgb(255, 225.95, 179.05);
238
+ $feather-warning-subtle-active: rgb(255, 213.5, 146.5);
239
+ $feather-warning: #ffac26;
240
+ $feather-warning-hover: rgb(244.8, 165.12, 36.48);
241
+ $feather-warning-active: rgb(224.4, 151.36, 33.44);
242
+ $feather-warning-emphasis: rgb(255, 192.75, 92.25);
243
+ $feather-warning-on-subtle: rgb(89.25, 60.2, 13.3);
244
+ $feather-on-warning: black;
245
+ $feather-warning-on-surface: rgb(191.25, 129, 28.5);
246
+ $feather-error-subtle: rgb(237, 204.4, 210.2);
247
+ $feather-error-subtle-hover: rgb(223.5, 166.45, 176.6);
248
+ $feather-error-subtle-active: rgb(210, 128.5, 143);
249
+ $feather-error-hover: rgb(158.4, 1.92, 29.76);
250
+ $feather-error-active: rgb(145.2, 1.76, 27.28);
251
+ $feather-error-emphasis: rgb(187.5, 65.25, 87);
252
+ $feather-error-on-subtle: rgb(57.75, 0.7, 10.85);
253
+ $feather-on-error: white;
254
+ $feather-error-on-surface: rgb(123.75, 1.5, 23.25);
255
+ $feather-on-dark: $feather-feather-primary-text-on-color;
256
+ $feather-kendo-appbar-dark-text: $feather-on-dark;
257
+ $feather-on-app-surface: $feather-feather-secondary-text-on-surface;
258
+ $feather-surface-alt: $feather-feather-surface-shade-3;
259
+ $feather-border: $feather-feather-border-on-surface;
260
+ $feather-app-surface: $feather-feather-surface;
261
+ $feather-kendo-breadcrumb-bg: $feather-app-surface;
262
+ $feather-primary: $feather-feather-primary;
263
+ $feather-kendo-breadcrumb-link-text: $feather-primary;
264
+ $feather-surface: $feather-feather-surface-shade-2;
265
+ $feather-kendo-button-text: $feather-primary;
266
+ $feather-kendo-button-border: $feather-border;
267
+ $feather-kendo-button-hover-bg: $feather-feather-surface-shade-2;
268
+ $feather-kendo-button-active-bg: $feather-feather-surface-shade-3;
269
+ $feather-kendo-button-selected-bg: $feather-primary;
270
+ $feather-kendo-button-selected-text: $feather-on-primary;
271
+ $feather-kendo-button-selected-border: $feather-feather-primary;
272
+ $feather-kendo-checkbox-border: $feather-feather-secondary-text-on-surface;
273
+ $feather-kendo-checkbox-checked-bg: $feather-primary;
274
+ $feather-kendo-checkbox-invalid-text: $feather-error;
275
+ $feather-kendo-checkbox-invalid-border: $feather-error;
276
+ $feather-kendo-chip-base-bg: $feather-feather-surface-shade-1;
277
+ $feather-kendo-chip-solid-hover-bg: $feather-feather-surface-shade-1;
278
+ $feather-kendo-chip-solid-selected-bg: $feather-feather-secondary-text-on-surface;
279
+ $feather-kendo-chip-outline-text: $feather-feather-secondary-text-on-surface;
280
+ $feather-kendo-chip-outline-border: $feather-feather-secondary-text-on-surface;
281
+ $feather-kendo-chip-outline-hover-bg: $feather-kendo-button-hover-bg;
282
+ $feather-kendo-chip-outline-selected-bg: $feather-feather-primary;
283
+ $feather-kendo-chip-outline-selected-text: $feather-feather-primary-text-on-color;
284
+ $feather-kendo-component-bg: $feather-feather-surface;
285
+ $feather-kendo-component-text: $feather-feather-secondary-text-on-surface;
286
+ $feather-kendo-component-header-text: $feather-feather-primary-text-on-surface;
287
+ $feather-kendo-drawer-hover-bg: $feather-base-hover;
288
+ $feather-kendo-fieldset-legend-text: $feather-feather-primary-text-on-surface;
289
+ $feather-kendo-input-bg: $feather-app-surface;
290
+ $feather-kendo-input-text: $feather-kendo-component-text;
291
+ $feather-kendo-input-border: $feather-feather-secondary-text-on-surface;
292
+ $feather-kendo-input-hover-border: $feather-feather-primary-text-on-surface;
293
+ $feather-kendo-input-focus-border: $feather-primary;
294
+ $feather-kendo-input-flat-hover-border: $feather-kendo-input-hover-border;
295
+ $feather-kendo-menu-popup-bg: $feather-app-surface;
296
+ $feather-kendo-picker-text: $feather-kendo-component-text;
297
+ $feather-kendo-picker-border: $feather-kendo-component-text;
298
+ $feather-border-alt: $feather-feather-border-light-on-surface;
299
+ $feather-kendo-switch-off-track-border: $feather-feather-disabled-text-on-surface;
300
+ $feather-kendo-selected-bg: $feather-primary;
301
+ $feather-kendo-base-border: $feather-feather-border-on-surface;
302
+ $feather-kendo-base-text: $feather-on-app-surface;
303
+ $feather-feather-icon-on-surface: $feather-primary;
304
+ $feather-feather-icon-on-color: $feather-feather-primary-text-on-color;
305
+ $feather-kendo-selected-hover-bg: $feather-feather-primary-variant;
306
+ $feather-kendo-link-hover-text: $feather-feather-secondary-variant;
307
+ $feather-kendo-link-text: $feather-feather-secondary;
308
+ $feather-kendo-color-inverse: $feather-feather-primary-text-on-color;
309
+ $feather-kendo-base-bg: $feather-feather-background;
310
+ $feather-secondary: $feather-feather-primary-variant;
311
+ $feather-tertiary: $feather-feather-secondary;
312
+
313
+
314
+ $kendo-appbar-gap: $feather-kendo-appbar-gap;
315
+ $kendo-button-padding-x: $feather-kendo-button-padding-x;
316
+ $kendo-button-padding-y: $feather-kendo-button-padding-y;
317
+ $kendo-checkbox-label-margin-x: $feather-kendo-checkbox-label-margin-x;
318
+ $kendo-checkbox-list-spacing: $feather-kendo-checkbox-list-spacing;
319
+ $kendo-checkbox-list-item-padding-x: $feather-kendo-checkbox-list-item-padding-x;
320
+ $kendo-checkbox-list-item-padding-y: $feather-kendo-checkbox-list-item-padding-y;
321
+ $kendo-chip-padding-x: $feather-kendo-chip-padding-x;
322
+ $kendo-chip-padding-y: $feather-kendo-chip-padding-y;
323
+ $kendo-fab-padding-x: $feather-kendo-fab-padding-x;
324
+ $kendo-form-legend-padding: $feather-kendo-form-legend-padding;
325
+ $kendo-form-label-margin-bottom: $feather-kendo-form-label-margin-bottom;
326
+ $kendo-grid-padding-x: $feather-kendo-grid-padding-x;
327
+ $kendo-grid-padding-y: $feather-kendo-grid-padding-y;
328
+ $kendo-grid-header-padding-y: $feather-kendo-grid-header-padding-y;
329
+ $kendo-grid-cell-padding-y: $feather-kendo-grid-cell-padding-y;
330
+ $kendo-input-lg-padding-y: $feather-kendo-input-lg-padding-y;
331
+ $kendo-radio-label-margin-x: $feather-kendo-radio-label-margin-x;
332
+ $kendo-radio-list-spacing: $feather-kendo-radio-list-spacing;
333
+ $kendo-radio-list-item-padding-x: $feather-kendo-radio-list-item-padding-x;
334
+ $kendo-radio-list-item-padding-y: $feather-kendo-radio-list-item-padding-y;
335
+ $kendo-window-titlebar-padding-x: $feather-kendo-window-titlebar-padding-x;
336
+ $kendo-window-titlebar-padding-y: $feather-kendo-window-titlebar-padding-y;
337
+ $kendo-window-inner-padding-x: $feather-kendo-window-inner-padding-x;
338
+ $kendo-window-inner-padding-y: $feather-kendo-window-inner-padding-y;
339
+ $kendo-icon-size: $feather-kendo-icon-size;
340
+ $kendo-icon-size-md: $feather-kendo-icon-size-md;
341
+ $kendo-padding-y: $feather-kendo-padding-y;
342
+ $kendo-padding-sm-x: $feather-kendo-padding-sm-x;
343
+ $kendo-padding-md-x: $feather-kendo-padding-md-x;
344
+ $kendo-padding-md-y: $feather-kendo-padding-md-y;
345
+ $kendo-padding-lg-x: $feather-kendo-padding-lg-x;
346
+ $kendo-appbar-padding-x: $feather-kendo-appbar-padding-x;
347
+ $kendo-appbar-padding-y: $feather-kendo-appbar-padding-y;
348
+ $kendo-avatar-border-width: $feather-kendo-avatar-border-width;
349
+ $kendo-badge-border-width: $feather-kendo-badge-border-width;
350
+ $kendo-badge-md-padding-x: $feather-kendo-badge-md-padding-x;
351
+ $kendo-badge-md-padding-y: $feather-kendo-badge-md-padding-y;
352
+ $kendo-bottom-nav-padding-x: $feather-kendo-bottom-nav-padding-x;
353
+ $kendo-bottom-nav-item-padding-x: $feather-kendo-bottom-nav-item-padding-x;
354
+ $kendo-bottom-nav-item-border-radius: $feather-kendo-bottom-nav-item-border-radius;
355
+ $kendo-breadcrumb-link-border-radius: $feather-kendo-breadcrumb-link-border-radius;
356
+ $kendo-button-border-width: $feather-kendo-button-border-width;
357
+ $kendo-calendar-border-width: $feather-kendo-calendar-border-width;
358
+ $kendo-calendar-header-border-width: $feather-kendo-calendar-header-border-width;
359
+ $kendo-calendar-cell-border-radius: $feather-kendo-calendar-cell-border-radius;
360
+ $kendo-calendar-range-cell-border-radius: $feather-kendo-calendar-range-cell-border-radius;
361
+ $kendo-card-border-width: $feather-kendo-card-border-width;
362
+ $kendo-card-border-radius: $feather-kendo-card-border-radius;
363
+ $kendo-card-header-border-width: $feather-kendo-card-header-border-width;
364
+ $kendo-card-footer-border-width: $feather-kendo-card-footer-border-width;
365
+ $kendo-checkbox-border-width: $feather-kendo-checkbox-border-width;
366
+ $kendo-chip-border-width: $feather-kendo-chip-border-width;
367
+ $kendo-chip-spacing: $feather-kendo-chip-spacing;
368
+ $kendo-chip-md-padding-y: $feather-kendo-chip-md-padding-y;
369
+ $kendo-color-editor-border-width: $feather-kendo-color-editor-border-width;
370
+ $kendo-color-editor-border-radius: $feather-kendo-color-editor-border-radius;
371
+ $kendo-color-gradient-border-width: $feather-kendo-color-gradient-border-width;
372
+ $kendo-color-gradient-border-radius: $feather-kendo-color-gradient-border-radius;
373
+ $kendo-color-gradient-canvas-border-radius: $feather-kendo-color-gradient-canvas-border-radius;
374
+ $kendo-color-gradient-slider-draghandle-border-width: $feather-kendo-color-gradient-slider-draghandle-border-width;
375
+ $kendo-color-gradient-draghandle-border-width: $feather-kendo-color-gradient-draghandle-border-width;
376
+ $kendo-dialog-buttongroup-border-width: $feather-kendo-dialog-buttongroup-border-width;
377
+ $kendo-dock-manager-border-width: $feather-kendo-dock-manager-border-width;
378
+ $kendo-dock-manager-dock-preview-border-width: $feather-kendo-dock-manager-dock-preview-border-width;
379
+ $kendo-dock-manager-dock-preview-border-radius: $feather-kendo-dock-manager-dock-preview-border-radius;
380
+ $kendo-dropdowntree-popup-padding-x: $feather-kendo-dropdowntree-popup-padding-x;
381
+ $kendo-dropdowntree-popup-padding-y: $feather-kendo-dropdowntree-popup-padding-y;
382
+ $kendo-dropzone-border-width: $feather-kendo-dropzone-border-width;
383
+ $kendo-editor-border-width: $feather-kendo-editor-border-width;
384
+ $kendo-editor-resize-handle-border-width: $feather-kendo-editor-resize-handle-border-width;
385
+ $kendo-expander-border-width: $feather-kendo-expander-border-width;
386
+ $kendo-fab-border-width: $feather-kendo-fab-border-width;
387
+ $kendo-fab-item-text-border-width: $feather-kendo-fab-item-text-border-width;
388
+ $kendo-fab-item-text-border-radius: $feather-kendo-fab-item-text-border-radius;
389
+ $kendo-grid-selection-aggregates-border-width: $feather-kendo-grid-selection-aggregates-border-width;
390
+ $kendo-input-border-width: $feather-kendo-input-border-width;
391
+ $kendo-input-padding-x: $feather-kendo-input-padding-x;
392
+ $kendo-input-padding-y: $feather-kendo-input-padding-y;
393
+ $kendo-listbox-border-width: $feather-kendo-listbox-border-width;
394
+ $kendo-listview-border-width: $feather-kendo-listview-border-width;
395
+ $kendo-loader-container-panel-border-width: $feather-kendo-loader-container-panel-border-width;
396
+ $kendo-loader-container-panel-border-radius: $feather-kendo-loader-container-panel-border-radius;
397
+ $kendo-menu-popup-border-width: $feather-kendo-menu-popup-border-width;
398
+ $kendo-notification-border-width: $feather-kendo-notification-border-width;
399
+ $kendo-notification-border-radius: $feather-kendo-notification-border-radius;
400
+ $kendo-pager-border-width: $feather-kendo-pager-border-width;
401
+ $kendo-panelbar-border-width: $feather-kendo-panelbar-border-width;
402
+ $kendo-panelbar-item-border-width: $feather-kendo-panelbar-item-border-width;
403
+ $kendo-popup-border-width: $feather-kendo-popup-border-width;
404
+ $kendo-prompt-suggestion-border-radius: $feather-kendo-prompt-suggestion-border-radius;
405
+ $kendo-radio-border-width: $feather-kendo-radio-border-width;
406
+ $kendo-scheduler-border-width: $feather-kendo-scheduler-border-width;
407
+ $kendo-scheduler-event-border-radius: $feather-kendo-scheduler-event-border-radius;
408
+ $kendo-scheduler-tooltip-event-border-radius: $feather-kendo-scheduler-tooltip-event-border-radius;
409
+ $kendo-scrollview-border-width: $feather-kendo-scrollview-border-width;
410
+ $kendo-skeleton-text-border-radius: $feather-kendo-skeleton-text-border-radius;
411
+ $kendo-skeleton-circle-border-radius: $feather-kendo-skeleton-circle-border-radius;
412
+ $kendo-slider-draghandle-border-width: $feather-kendo-slider-draghandle-border-width;
413
+ $kendo-splitter-border-width: $feather-kendo-splitter-border-width;
414
+ $kendo-stepper-indicator-border-width: $feather-kendo-stepper-indicator-border-width;
415
+ $kendo-stepper-indicator-focus-border-width: $feather-kendo-stepper-indicator-focus-border-width;
416
+ $kendo-switch-track-border-width: $feather-kendo-switch-track-border-width;
417
+ $kendo-switch-thumb-border-width: $feather-kendo-switch-thumb-border-width;
418
+ $kendo-table-border-width: $feather-kendo-table-border-width;
419
+ $kendo-table-cell-vertical-border-width: $feather-kendo-table-cell-vertical-border-width;
420
+ $kendo-tabstrip-border-width: $feather-kendo-tabstrip-border-width;
421
+ $kendo-tabstrip-item-border-width: $feather-kendo-tabstrip-item-border-width;
422
+ $kendo-tabstrip-item-border-radius: $feather-kendo-tabstrip-item-border-radius;
423
+ $kendo-tabstrip-content-border-width: $feather-kendo-tabstrip-content-border-width;
424
+ $kendo-tile-layout-hint-border-width: $feather-kendo-tile-layout-hint-border-width;
425
+ $kendo-toolbar-border-width: $feather-kendo-toolbar-border-width;
426
+ $kendo-toolbar-flat-border-width: $feather-kendo-toolbar-flat-border-width;
427
+ $kendo-tooltip-border-radius: $feather-kendo-tooltip-border-radius;
428
+ $kendo-treelist-footer-row-border-width: $feather-kendo-treelist-footer-row-border-width;
429
+ $kendo-treeview-indent: $feather-kendo-treeview-indent;
430
+ $kendo-treeview-item-padding-x: $feather-kendo-treeview-item-padding-x;
431
+ $kendo-treeview-item-padding-y: $feather-kendo-treeview-item-padding-y;
432
+ $kendo-treeview-item-border-radius: $feather-kendo-treeview-item-border-radius;
433
+ $kendo-code-border-width: $feather-kendo-code-border-width;
434
+ $kendo-upload-border-width: $feather-kendo-upload-border-width;
435
+ $kendo-window-border-radius: $feather-kendo-window-border-radius;
436
+ $kendo-window-buttongroup-border-width: $feather-kendo-window-buttongroup-border-width;
437
+ $kendo-appbar-light-text: $feather-kendo-appbar-light-text;
438
+ $kendo-button-bg: $feather-kendo-button-bg;
439
+ $kendo-calendar-cell-hover-bg: $feather-kendo-calendar-cell-hover-bg;
440
+ $kendo-checkbox-bg: $feather-kendo-checkbox-bg;
441
+ $kendo-grid-header-bg: $feather-kendo-grid-header-bg;
442
+ $kendo-appbar-dark-text: $feather-kendo-appbar-dark-text;
443
+ $kendo-breadcrumb-bg: $feather-kendo-breadcrumb-bg;
444
+ $kendo-breadcrumb-link-text: $feather-kendo-breadcrumb-link-text;
445
+ $kendo-button-text: $feather-kendo-button-text;
446
+ $kendo-button-border: $feather-kendo-button-border;
447
+ $kendo-button-hover-bg: $feather-kendo-button-hover-bg;
448
+ $kendo-button-active-bg: $feather-kendo-button-active-bg;
449
+ $kendo-button-selected-bg: $feather-kendo-button-selected-bg;
450
+ $kendo-button-selected-text: $feather-kendo-button-selected-text;
451
+ $kendo-button-selected-border: $feather-kendo-button-selected-border;
452
+ $kendo-checkbox-border: $feather-kendo-checkbox-border;
453
+ $kendo-checkbox-checked-bg: $feather-kendo-checkbox-checked-bg;
454
+ $kendo-checkbox-invalid-text: $feather-kendo-checkbox-invalid-text;
455
+ $kendo-checkbox-invalid-border: $feather-kendo-checkbox-invalid-border;
456
+ $kendo-chip-base-bg: $feather-kendo-chip-base-bg;
457
+ $kendo-chip-solid-hover-bg: $feather-kendo-chip-solid-hover-bg;
458
+ $kendo-chip-solid-selected-bg: $feather-kendo-chip-solid-selected-bg;
459
+ $kendo-chip-outline-text: $feather-kendo-chip-outline-text;
460
+ $kendo-chip-outline-border: $feather-kendo-chip-outline-border;
461
+ $kendo-chip-outline-hover-bg: $feather-kendo-chip-outline-hover-bg;
462
+ $kendo-chip-outline-selected-bg: $feather-kendo-chip-outline-selected-bg;
463
+ $kendo-chip-outline-selected-text: $feather-kendo-chip-outline-selected-text;
464
+ $kendo-component-bg: $feather-kendo-component-bg;
465
+ $kendo-component-text: $feather-kendo-component-text;
466
+ $kendo-component-header-text: $feather-kendo-component-header-text;
467
+ $kendo-drawer-hover-bg: $feather-kendo-drawer-hover-bg;
468
+ $kendo-fieldset-legend-text: $feather-kendo-fieldset-legend-text;
469
+ $kendo-input-bg: $feather-kendo-input-bg;
470
+ $kendo-input-text: $feather-kendo-input-text;
471
+ $kendo-input-border: $feather-kendo-input-border;
472
+ $kendo-input-hover-border: $feather-kendo-input-hover-border;
473
+ $kendo-input-focus-border: $feather-kendo-input-focus-border;
474
+ $kendo-input-flat-hover-border: $feather-kendo-input-flat-hover-border;
475
+ $kendo-menu-popup-bg: $feather-kendo-menu-popup-bg;
476
+ $kendo-picker-text: $feather-kendo-picker-text;
477
+ $kendo-picker-border: $feather-kendo-picker-border;
478
+ $kendo-switch-off-track-border: $feather-kendo-switch-off-track-border;
479
+ $kendo-font-family: Inter;
480
+ $kendo-font-size: 0.875rem;
481
+ $kendo-font-weight-normal: 500;
482
+ $kendo-line-height: 1.4285714286;
483
+
484
+ $kendo-colors: (
485
+ primary-hover: rgb(0, 50.88, 125.76),
486
+ on-primary: white,
487
+ error: #a5021f,
488
+ primary-subtle: rgb(204, 214.6, 230.2),
489
+ primary-active: rgb(0, 46.64, 115.28),
490
+ success: #0b720c,
491
+ primary-subtle-hover: rgb(165.75, 184.3, 211.6),
492
+ primary-subtle-active: rgb(127.5, 154, 193),
493
+ primary-emphasis: rgb(63.75, 103.5, 162),
494
+ primary-on-subtle: rgb(0, 18.55, 45.85),
495
+ primary-on-surface: rgb(0, 39.75, 98.25),
496
+ secondary-subtle: rgb(209, 222.2, 240.2),
497
+ secondary-subtle-hover: rgb(174.5, 197.6, 229.1),
498
+ secondary-subtle-active: #8cadda,
499
+ secondary-hover: rgb(24, 87.36, 173.76),
500
+ secondary-active: rgb(22, 80.08, 159.28),
501
+ secondary-emphasis: rgb(82.5, 132, 199.5),
502
+ secondary-on-subtle: rgb(8.75, 31.85, 63.35),
503
+ on-secondary: white,
504
+ secondary-on-surface: rgb(18.75, 68.25, 135.75),
505
+ tertiary-subtle: rgb(229, 214.4, 244.2),
506
+ tertiary-subtle-hover: rgb(209.5, 183.95, 236.1),
507
+ tertiary-subtle-active: rgb(190, 153.5, 228),
508
+ tertiary-hover: rgb(120, 49.92, 192.96),
509
+ tertiary-active: rgb(110, 45.76, 176.88),
510
+ tertiary-emphasis: rgb(157.5, 102.75, 214.5),
511
+ tertiary-on-subtle: rgb(43.75, 18.2, 70.35),
512
+ on-tertiary: white,
513
+ tertiary-on-surface: rgb(93.75, 39, 150.75),
514
+ success-subtle: rgb(206.2, 226.8, 206.4),
515
+ success-subtle-hover: rgb(169.6, 205.65, 169.95),
516
+ success-subtle-active: rgb(133, 184.5, 133.5),
517
+ success-hover: rgb(10.56, 109.44, 11.52),
518
+ success-active: rgb(9.68, 100.32, 10.56),
519
+ success-emphasis: rgb(72, 149.25, 72.75),
520
+ success-on-subtle: rgb(3.85, 39.9, 4.2),
521
+ on-success: white,
522
+ success-on-surface: rgb(8.25, 85.5, 9),
523
+ warning-subtle: rgb(255, 238.4, 211.6),
524
+ warning-subtle-hover: rgb(255, 225.95, 179.05),
525
+ warning-subtle-active: rgb(255, 213.5, 146.5),
526
+ warning: #ffac26,
527
+ warning-hover: rgb(244.8, 165.12, 36.48),
528
+ warning-active: rgb(224.4, 151.36, 33.44),
529
+ warning-emphasis: rgb(255, 192.75, 92.25),
530
+ warning-on-subtle: rgb(89.25, 60.2, 13.3),
531
+ on-warning: black,
532
+ warning-on-surface: rgb(191.25, 129, 28.5),
533
+ error-subtle: rgb(237, 204.4, 210.2),
534
+ error-subtle-hover: rgb(223.5, 166.45, 176.6),
535
+ error-subtle-active: rgb(210, 128.5, 143),
536
+ error-hover: rgb(158.4, 1.92, 29.76),
537
+ error-active: rgb(145.2, 1.76, 27.28),
538
+ error-emphasis: rgb(187.5, 65.25, 87),
539
+ error-on-subtle: rgb(57.75, 0.7, 10.85),
540
+ on-error: white,
541
+ error-on-surface: rgb(123.75, 1.5, 23.25),
542
+ on-dark: $feather-feather-primary-text-on-color,
543
+ on-app-surface: $feather-feather-secondary-text-on-surface,
544
+ surface-alt: $feather-feather-surface-shade-3,
545
+ border: $feather-feather-border-on-surface,
546
+ app-surface: $feather-feather-surface,
547
+ primary: $feather-feather-primary,
548
+ surface: $feather-feather-surface-shade-2,
549
+ border-alt: $feather-feather-border-light-on-surface,
550
+ secondary: $feather-feather-primary-variant,
551
+ tertiary: $feather-feather-secondary,
552
+ );
553
+ $enable-gradients: true;
554
+
555
+ $feather-typography: (
556
+ kendo-default-typography: (
557
+ font-family: 'Inter',
558
+ font-size: 0.875rem,
559
+ font-weight: 500,
560
+ line-height: 1.4285714286,
561
+ ),
562
+ feather-display-1: (
563
+ font-family: 'Inter',
564
+ font-size: 4.5rem,
565
+ font-weight: 300,
566
+ line-height: 1.3333333,
567
+ letter-spacing: -0.015625em,
568
+ ),
569
+ feather-display-2: (
570
+ font-family: 'Inter',
571
+ font-size: 3.5rem,
572
+ font-weight: 300,
573
+ line-height: 1.333333,
574
+ letter-spacing: -0.008em,
575
+ ),
576
+ feather-display-3: (
577
+ font-family: 'Inter',
578
+ font-size: 3rem,
579
+ font-weight: 300,
580
+ line-height: 1.333333,
581
+ letter-spacing: unset,
582
+ ),
583
+ feather-display-4: (
584
+ font-family: 'Inter',
585
+ font-size: 2.25rem,
586
+ font-weight: 300,
587
+ line-height: 1.333333,
588
+ letter-spacing: -0.01em,
589
+ ),
590
+ feather-heading-1: (
591
+ font-family: 'Inter',
592
+ font-size: 1.5rem,
593
+ font-weight: 700,
594
+ line-height: 1.2857142857,
595
+ letter-spacing: unset,
596
+ ),
597
+ feather-heading-2: (
598
+ font-family: 'Inter',
599
+ font-size: 1.375rem,
600
+ font-weight: 400,
601
+ line-height: 1.5,
602
+ ),
603
+ feather-heading-3: (
604
+ font-family: 'Inter',
605
+ font-size: 1.1875rem,
606
+ font-weight: 700,
607
+ line-height: 1.4736842105,
608
+ letter-spacing: 0.02em,
609
+ ),
610
+ feather-heading-4: (
611
+ font-family: 'Inter',
612
+ font-size: 1rem,
613
+ font-weight: 400,
614
+ line-height: 1.5,
615
+ ),
616
+ feather-heading-5: (
617
+ font-family: 'Inter',
618
+ font-size: 0.875rem,
619
+ font-weight: 700,
620
+ line-height: 1.5,
621
+ letter-spacing: 0.02em,
622
+ ),
623
+ feather-heading-6: (
624
+ font-family: 'Inter',
625
+ font-size: 0.8125rem,
626
+ font-weight: 700,
627
+ line-height: 1.5384615385,
628
+ ),
629
+ feather-body-large: (
630
+ font-family: 'Inter',
631
+ font-size: 1rem,
632
+ font-weight: 400,
633
+ line-height: 1.5,
634
+ ),
635
+ feather-body-small: (
636
+ font-family: 'Inter',
637
+ font-size: 0.875rem,
638
+ font-weight: 500,
639
+ line-height: 1.4285714286,
640
+ ),
641
+ feather-button: (
642
+ font-family: 'Inter',
643
+ font-size: 0.875rem,
644
+ font-weight: 700,
645
+ line-height: 1.4285714286,
646
+ letter-spacing: 0.2px,
647
+ text-transform: none,
648
+ ),
649
+ feather-caption-text: (
650
+ font-family: 'Inter',
651
+ font-size: 0.75rem,
652
+ font-weight: 400,
653
+ line-height: 1.5,
654
+ letter-spacing: 0.02em,
655
+ ),
656
+ );
657
+
658
+ @mixin typography-classes ($typography) {
659
+ @each $selector, $property in $typography {
660
+ &-#{$selector} {
661
+ @each $propName, $propValue in $property {
662
+ #{$propName}: #{$propValue};
663
+ }
664
+ } &-#{$selector}-important {
665
+ @each $propName, $propValue in $property {
666
+ #{$propName}: $propValue !important;
667
+ }
668
+ }
669
+ }
670
+ }
671
+
672
+ $feather-effects: (
673
+ tb-internal-none-effects: (
674
+ box-shadow: (none), filter: (none), backdrop-filter: (none), ),
675
+ feather-focus-outer-on-color: (
676
+ box-shadow: (0px 0px 0px 1.5px $feather-feather-primary-text-on-color, 0px 0px 0px 3.5px $feather-feather-primary), ),
677
+ feather-focus-invalid-outer: (
678
+ box-shadow: (0px 0px 0px 2px $feather-error), ),
679
+ feather-focus-inner-on-color: (
680
+ box-shadow: (inset 0px 0px 0px 1.5px $feather-feather-primary, inset 0px 0px 0px 3px $feather-feather-primary-text-on-color), ),
681
+ feather-focus-outer-on-surface: (
682
+ box-shadow: (0px 0px 0px 1px $feather-feather-primary), ),
683
+ feather-focus-inner-on-surface: (
684
+ box-shadow: (inset 0px 0px 0px 2px $feather-feather-primary), ),
685
+ feather-elevation-00dp: (
686
+ box-shadow: (0px 0px 0px 1px $feather-feather-border-on-surface), ),
687
+ feather-elevation-02dp: (
688
+ box-shadow: (0px 3px 1px -2px rgba(10,11,28,0.20), 0px 2px 2px 0px rgba(10,11,28,0.14), 0px 1px 5px 0px rgba(10,11,28,0.12)), ),
689
+ feather-elevation-03dp: (
690
+ box-shadow: (0px 3px 3px -2px rgba(10,11,28,0.20), 0px 3px 4px 0px rgba(10,11,28,0.14), 0px 1px 8px 0px rgba(10,11,28,0.12)), ),
691
+ feather-elevation-04dp: (
692
+ box-shadow: (0px 2px 4px -1px rgba(10,11,28,0.20), 0px 4px 5px 0px rgba(10,11,28,0.14), 0px 1px 10px 0px rgba(10,11,28,0.12)), ),
693
+ feather-elevation-06dp: (
694
+ box-shadow: (0px 3px 5px -1px rgba(10,11,28,.020), 0px 6px 10px 0px rgba(10,11,28,0.14), 0px 1px 18px 0px rgba(10,11,28,0.12)), ),
695
+ feather-elevation-08dp: (
696
+ box-shadow: (0px 5px 5px -3px rgba(10,11,28,0.20), 0px 8px 10px 1px rgba(10,11,28,0.14), 0px 3px 14px 2px rgba(10,11,28,0.12)), ),
697
+ feather-elevation-10dp: (
698
+ box-shadow: (0px 6px 6px -3px rgba(10,11,28,0.20), 0px 10px 14px 1px rgba(10,11,28,0.14), 0px 4px 18px 3px rgba(10,11,28,0.12)), ),
699
+ feather-elevation-12dp: (
700
+ box-shadow: (0px 7px 8px -4px rgba(10,11,28,0.20), 0px 12px 17px 2px rgba(10,11,28,0.14), 0px 5px 22px 4px rgba(10,11,28,0.12)), ),
701
+ feather-elevation-16dp: (
702
+ box-shadow: (0px 8px 10px -5px rgba(10,11,28,0.20), 0px 16px 24px 2px rgba(10,11,28,0.14), 0px 6px 30px 5px rgba(10,11,28,0.12)), ),
703
+ feather-elevation-24dp: (
704
+ box-shadow: (0px 11px 15px -7px rgba(10,11,28,0.20), 0px 24px 38px 3px rgba(10,11,28,0.14), 0px 9px 46px 8px rgba(10,11,28,0.12)), ),
705
+ feather-input-hover-on-surface: (
706
+ box-shadow: (0px 0px 0px 0.5px $feather-kendo-input-hover-border), ),
707
+ );
708
+
709
+ @mixin effects-classes ($effects) {
710
+ @each $selector, $property in $effects {
711
+ &-#{$selector} {
712
+ @each $propName, $propValue in $property {
713
+ #{$propName}: $propValue;
714
+ }
715
+ } &-#{$selector}-important {
716
+ @each $propName, $propValue in $property {
717
+ #{$propName}: $propValue !important;
718
+ }
719
+ }
720
+ }
721
+ }