@featherk/styles 0.6.7 → 0.6.8
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/dist/v8.2.0/css/featherk-beautified.css +663 -381
- package/dist/v8.2.0/css/featherk.css +1 -1
- package/dist/v8.2.0/external-styles/featherk-overrides--k-datetime.css +6 -9
- package/dist/v8.2.0/scss/_externalStyles.scss +9 -9
- package/dist/v8.2.0/scss/_fonts.scss +17 -17
- package/dist/v8.2.0/scss/_overrides.scss +237 -117
- package/dist/v8.2.0/scss/_tokens.scss +21 -7
- package/dist/v8.2.0/scss/custom-components/_fk-container-with-heading.scss +27 -1
- package/package.json +1 -1
|
@@ -15,6 +15,10 @@ $fk-kendo-button-padding-x: 12px;
|
|
|
15
15
|
$fk-kendo-button-padding-y: 8px;
|
|
16
16
|
$fk-kendo-calendar-cell-size: 2.5rem;
|
|
17
17
|
$fk-feather-border-radius-m: 0.5rem;
|
|
18
|
+
$fk-kendo-card-img-max-width: 104px;
|
|
19
|
+
$fk-kendo-card-avatar-size: 48px;
|
|
20
|
+
$fk-kendo-card-actions-padding-x: 1rem;
|
|
21
|
+
$fk-kendo-card-actions-padding-y: 1rem;
|
|
18
22
|
$fk-feather-border-width-m: 1.5px;
|
|
19
23
|
$fk-kendo-checkbox-label-margin-x: 12px;
|
|
20
24
|
$fk-kendo-checkbox-list-spacing: 16px;
|
|
@@ -23,6 +27,8 @@ $fk-kendo-checkbox-list-item-padding-y: 8px;
|
|
|
23
27
|
$fk-kendo-chip-padding-x: 0.375rem;
|
|
24
28
|
$fk-kendo-chip-padding-y: 0.375rem;
|
|
25
29
|
$fk-feather-border-width-xl: 3px;
|
|
30
|
+
$fk-kendo-dialog-buttongroup-padding-x: 1rem;
|
|
31
|
+
$fk-kendo-dialog-buttongroup-padding-y: 1rem;
|
|
26
32
|
$fk-feather-border-radius-s: 0.125rem;
|
|
27
33
|
$fk-kendo-fab-padding-x: 1rem;
|
|
28
34
|
$fk-kendo-form-legend-padding: 0px;
|
|
@@ -77,6 +83,7 @@ $fk-kendo-bottom-nav-item-padding-x: $fk-feather-spacing-s;
|
|
|
77
83
|
$fk-kendo-bottom-nav-item-border-radius: $fk-feather-border-radius;
|
|
78
84
|
$fk-kendo-breadcrumb-link-border-radius: $fk-feather-border-radius;
|
|
79
85
|
$fk-kendo-button-border-width: $fk-feather-border-width;
|
|
86
|
+
$fk-kendo-button-md-padding-x: $fk-kendo-button-padding-x;
|
|
80
87
|
$fk-kendo-calendar-border-width: $fk-feather-border-width;
|
|
81
88
|
$fk-kendo-calendar-header-border-width: $fk-feather-border-width;
|
|
82
89
|
$fk-kendo-calendar-cell-border-radius: $fk-feather-border-radius;
|
|
@@ -169,9 +176,8 @@ $fk-kendo-font-size-xs: $fk-feather-font-size-sm;
|
|
|
169
176
|
$fk-kendo-appbar-light-text: black;
|
|
170
177
|
$fk-feather-primary-text-on-color: #ffffff;
|
|
171
178
|
$fk-feather-secondary-text-on-surface: rgba(10,12,27,0.7);
|
|
172
|
-
$fk-feather-surface-shade-1: rgba(242,242,250,1);
|
|
173
|
-
$fk-feather-border-on-surface: rgba(10, 12, 27, 0.12);
|
|
174
179
|
$fk-feather-surface: rgba(252,252,255,1);
|
|
180
|
+
$fk-feather-border-on-surface: rgba(10, 12, 27, 0.12);
|
|
175
181
|
$fk-feather-primary: #003583;
|
|
176
182
|
$fk-primary-hover: rgb(0, 50.88, 125.76);
|
|
177
183
|
$fk-kendo-button-bg: transparent;
|
|
@@ -183,6 +189,7 @@ $fk-kendo-calendar-cell-hover-bg: transparent;
|
|
|
183
189
|
$fk-feather-border-light-on-surface: rgba(10,12,27,0.06);
|
|
184
190
|
$fk-kendo-checkbox-bg: transparent;
|
|
185
191
|
$fk-error: #a5021f;
|
|
192
|
+
$fk-feather-surface-shade-1: rgba(242,242,250,1);
|
|
186
193
|
$fk-feather-primary-text-on-surface: rgba(10,12,27,0.9);
|
|
187
194
|
$fk-base-hover: #ebebeb;
|
|
188
195
|
$fk-primary-subtle: rgb(204, 214.6, 230.2);
|
|
@@ -262,10 +269,10 @@ $fk-dark-on-surface: rgba(10,12,27,0.6);
|
|
|
262
269
|
$fk-on-dark: $fk-feather-primary-text-on-color;
|
|
263
270
|
$fk-kendo-appbar-dark-text: $fk-on-dark;
|
|
264
271
|
$fk-on-app-surface: $fk-feather-secondary-text-on-surface;
|
|
265
|
-
$fk-surface-alt: $fk-feather-surface-shade-1;
|
|
266
|
-
$fk-border: $fk-feather-border-on-surface;
|
|
267
272
|
$fk-surface: $fk-feather-surface;
|
|
268
273
|
$fk-app-surface: $fk-surface;
|
|
274
|
+
$fk-surface-alt: $fk-app-surface;
|
|
275
|
+
$fk-border: $fk-feather-border-on-surface;
|
|
269
276
|
$fk-kendo-breadcrumb-bg: $fk-app-surface;
|
|
270
277
|
$fk-primary: $fk-feather-primary;
|
|
271
278
|
$fk-kendo-breadcrumb-link-text: $fk-primary;
|
|
@@ -287,7 +294,7 @@ $fk-kendo-checkbox-invalid-text: $fk-error;
|
|
|
287
294
|
$fk-kendo-checkbox-invalid-border: $fk-error;
|
|
288
295
|
$fk-kendo-chip-base-bg: $fk-feather-surface-shade-1;
|
|
289
296
|
$fk-kendo-chip-solid-bg: $fk-kendo-chip-base-bg;
|
|
290
|
-
$fk-kendo-chip-solid-hover-bg: $fk-feather-surface-shade-
|
|
297
|
+
$fk-kendo-chip-solid-hover-bg: $fk-feather-surface-shade-2;
|
|
291
298
|
$fk-kendo-chip-solid-selected-bg: $fk-feather-secondary-text-on-surface;
|
|
292
299
|
$fk-kendo-chip-outline-text: $fk-feather-secondary-text-on-surface;
|
|
293
300
|
$fk-kendo-chip-outline-border: $fk-feather-secondary-text-on-surface;
|
|
@@ -334,12 +341,18 @@ $kendo-appbar-gap: $fk-kendo-appbar-gap;
|
|
|
334
341
|
$kendo-button-padding-x: $fk-kendo-button-padding-x;
|
|
335
342
|
$kendo-button-padding-y: $fk-kendo-button-padding-y;
|
|
336
343
|
$kendo-calendar-cell-size: $fk-kendo-calendar-cell-size;
|
|
344
|
+
$kendo-card-img-max-width: $fk-kendo-card-img-max-width;
|
|
345
|
+
$kendo-card-avatar-size: $fk-kendo-card-avatar-size;
|
|
346
|
+
$kendo-card-actions-padding-x: $fk-kendo-card-actions-padding-x;
|
|
347
|
+
$kendo-card-actions-padding-y: $fk-kendo-card-actions-padding-y;
|
|
337
348
|
$kendo-checkbox-label-margin-x: $fk-kendo-checkbox-label-margin-x;
|
|
338
349
|
$kendo-checkbox-list-spacing: $fk-kendo-checkbox-list-spacing;
|
|
339
350
|
$kendo-checkbox-list-item-padding-x: $fk-kendo-checkbox-list-item-padding-x;
|
|
340
351
|
$kendo-checkbox-list-item-padding-y: $fk-kendo-checkbox-list-item-padding-y;
|
|
341
352
|
$kendo-chip-padding-x: $fk-kendo-chip-padding-x;
|
|
342
353
|
$kendo-chip-padding-y: $fk-kendo-chip-padding-y;
|
|
354
|
+
$kendo-dialog-buttongroup-padding-x: $fk-kendo-dialog-buttongroup-padding-x;
|
|
355
|
+
$kendo-dialog-buttongroup-padding-y: $fk-kendo-dialog-buttongroup-padding-y;
|
|
343
356
|
$kendo-fab-padding-x: $fk-kendo-fab-padding-x;
|
|
344
357
|
$kendo-form-legend-padding: $fk-kendo-form-legend-padding;
|
|
345
358
|
$kendo-form-label-margin-bottom: $fk-kendo-form-label-margin-bottom;
|
|
@@ -374,6 +387,7 @@ $kendo-bottom-nav-item-padding-x: $fk-kendo-bottom-nav-item-padding-x;
|
|
|
374
387
|
$kendo-bottom-nav-item-border-radius: $fk-kendo-bottom-nav-item-border-radius;
|
|
375
388
|
$kendo-breadcrumb-link-border-radius: $fk-kendo-breadcrumb-link-border-radius;
|
|
376
389
|
$kendo-button-border-width: $fk-kendo-button-border-width;
|
|
390
|
+
$kendo-button-md-padding-x: $fk-kendo-button-md-padding-x;
|
|
377
391
|
$kendo-calendar-border-width: $fk-kendo-calendar-border-width;
|
|
378
392
|
$kendo-calendar-header-border-width: $fk-kendo-calendar-header-border-width;
|
|
379
393
|
$kendo-calendar-cell-border-radius: $fk-kendo-calendar-cell-border-radius;
|
|
@@ -576,10 +590,10 @@ error-on-surface: rgb(123.75, 1.5, 23.25),
|
|
|
576
590
|
dark-on-surface: rgba(10,12,27,0.6),
|
|
577
591
|
on-dark: $fk-feather-primary-text-on-color,
|
|
578
592
|
on-app-surface: $fk-feather-secondary-text-on-surface,
|
|
579
|
-
surface-alt: $fk-feather-surface-shade-1,
|
|
580
|
-
border: $fk-feather-border-on-surface,
|
|
581
593
|
surface: $fk-feather-surface,
|
|
582
594
|
app-surface: $fk-surface,
|
|
595
|
+
surface-alt: $fk-app-surface,
|
|
596
|
+
border: $fk-feather-border-on-surface,
|
|
583
597
|
primary: $fk-feather-primary,
|
|
584
598
|
subtle: $fk-feather-icon-on-neutral,
|
|
585
599
|
base: $fk-primary,
|
|
@@ -10,7 +10,11 @@
|
|
|
10
10
|
}
|
|
11
11
|
.fk-container{
|
|
12
12
|
@extend %fk-typography-feather-body-small;
|
|
13
|
-
|
|
13
|
+
padding-bottom: 0px;
|
|
14
|
+
padding-left: 0px;
|
|
15
|
+
padding-right: 0px;
|
|
16
|
+
padding-top: 0px;
|
|
17
|
+
|
|
14
18
|
}
|
|
15
19
|
.fk-container .fk-container-heading-section{
|
|
16
20
|
height: auto;
|
|
@@ -19,4 +23,26 @@
|
|
|
19
23
|
justify-content: space-around;
|
|
20
24
|
align-items: stretch;
|
|
21
25
|
|
|
26
|
+
}
|
|
27
|
+
.fk-container.k-m-8 .fk-container-actions.k-gap-2{
|
|
28
|
+
justify-content: start;
|
|
29
|
+
|
|
30
|
+
}
|
|
31
|
+
.fk-container.k-m-8 .fk-container-heading-section{
|
|
32
|
+
justify-content: start;
|
|
33
|
+
align-items: start;
|
|
34
|
+
display: inline-flex;
|
|
35
|
+
|
|
36
|
+
}
|
|
37
|
+
.fk-container.k-m-8 .k-mt-4.k-mb-0{
|
|
38
|
+
margin-top: 0px;
|
|
39
|
+
margin-bottom: unset;
|
|
40
|
+
|
|
41
|
+
}
|
|
42
|
+
.fk-base-container{
|
|
43
|
+
border-bottom-width: $fk-feather-border-width;
|
|
44
|
+
border-left-width: $fk-feather-border-width;
|
|
45
|
+
border-right-width: $fk-feather-border-width;
|
|
46
|
+
border-top-width: $fk-feather-border-width;
|
|
47
|
+
|
|
22
48
|
}
|