@progress/kendo-theme-classic 5.6.1-dev.5 → 5.7.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.
- package/dist/all.css +768 -916
- package/dist/all.scss +397 -649
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/package.json +4 -4
- package/scss/badge/_variables.scss +69 -35
- package/scss/button/_variables.scss +1 -1
- package/scss/card/_variables.scss +0 -10
- package/scss/forms/_variables.scss +1 -1
- package/scss/pdf-viewer/_index.scss +3 -0
- package/scss/pdf-viewer/_variables.scss +14 -1
- package/scss/popover/_variables.scss +0 -5
- package/scss/signature/_variables.scss +23 -21
- package/scss/typography/_variables.scss +1 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.7.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
"postpublish": "echo 'no postpublish for classic theme'"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@progress/kendo-theme-default": "^5.
|
|
46
|
+
"@progress/kendo-theme-default": "^5.7.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"sass-build": "^0.0
|
|
49
|
+
"sass-build": "^1.0.0"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "5e316441f8406d4e3ef94f189ae71304cf7f6a15"
|
|
52
52
|
}
|
|
@@ -1,36 +1,70 @@
|
|
|
1
1
|
// Badge
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
$badge-border-width: 1px !default;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
$badge-
|
|
14
|
-
$badge-
|
|
15
|
-
|
|
16
|
-
$badge-padding-x-lg: ( $
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
$badge-
|
|
21
|
-
$badge-
|
|
22
|
-
|
|
23
|
-
$badge-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
$badge-
|
|
29
|
-
$badge-
|
|
30
|
-
$
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
$
|
|
35
|
-
$badge-
|
|
36
|
-
$badge-
|
|
2
|
+
/// Width of the border around the badge.
|
|
3
|
+
/// @group badge
|
|
4
|
+
$kendo-badge-border-width: 1px !default;
|
|
5
|
+
|
|
6
|
+
/// Border radius of the badge.
|
|
7
|
+
/// @group badge
|
|
8
|
+
$kendo-badge-border-radius: $kendo-border-radius-md !default;
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
/// Horizontal padding of the badge.
|
|
12
|
+
/// @group badge
|
|
13
|
+
$kendo-badge-padding-x: map-get( $spacing, 1 ) !default;
|
|
14
|
+
$kendo-badge-padding-x-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
15
|
+
$kendo-badge-padding-x-md: map-get( $spacing, 1 ) !default;
|
|
16
|
+
$kendo-badge-padding-x-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
|
|
17
|
+
|
|
18
|
+
/// Vertical padding of the badge.
|
|
19
|
+
/// @group badge
|
|
20
|
+
$kendo-badge-padding-y: map-get( $spacing, 1 ) !default;
|
|
21
|
+
$kendo-badge-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
22
|
+
$kendo-badge-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
23
|
+
$kendo-badge-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
|
|
24
|
+
|
|
25
|
+
/// Font sizes of the badge.
|
|
26
|
+
/// @group badge
|
|
27
|
+
$kendo-badge-font-size: $font-size-xs !default;
|
|
28
|
+
$kendo-badge-font-size-sm: $font-size-xs !default;
|
|
29
|
+
$kendo-badge-font-size-md: $font-size-xs !default;
|
|
30
|
+
$kendo-badge-font-size-lg: $font-size-xs !default;
|
|
31
|
+
|
|
32
|
+
/// Line heights used along with $font-size.
|
|
33
|
+
/// @group badge
|
|
34
|
+
$kendo-badge-line-height: 1 !default;
|
|
35
|
+
$kendo-badge-line-height-sm: $kendo-badge-line-height !default;
|
|
36
|
+
$kendo-badge-line-height-md: $kendo-badge-line-height !default;
|
|
37
|
+
$kendo-badge-line-height-lg: $kendo-badge-line-height !default;
|
|
38
|
+
|
|
39
|
+
/// Badge min width used for circle badge.
|
|
40
|
+
/// @group badge
|
|
41
|
+
$kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
|
|
42
|
+
$kendo-badge-min-width-sm: calc( #{$kendo-badge-line-height-sm * 1em} + #{$kendo-badge-padding-y-sm * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
43
|
+
$kendo-badge-min-width-md: calc( #{$kendo-badge-line-height-md * 1em} + #{$kendo-badge-padding-y-md * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
44
|
+
$kendo-badge-min-width-lg: calc( #{$kendo-badge-line-height-lg * 1em} + #{$kendo-badge-padding-y-lg * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
45
|
+
|
|
46
|
+
/// Sizes map for the badge.
|
|
47
|
+
/// @group badge
|
|
48
|
+
$kendo-badge-sizes: (
|
|
49
|
+
sm: (
|
|
50
|
+
padding-x: $kendo-badge-padding-x-sm,
|
|
51
|
+
padding-y: $kendo-badge-padding-y-sm,
|
|
52
|
+
font-size: $kendo-badge-font-size-sm,
|
|
53
|
+
line-height: $kendo-badge-line-height-sm,
|
|
54
|
+
min-width: $kendo-badge-min-width-sm
|
|
55
|
+
),
|
|
56
|
+
md: (
|
|
57
|
+
padding-x: $kendo-badge-padding-x-md,
|
|
58
|
+
padding-y: $kendo-badge-padding-y-md,
|
|
59
|
+
font-size: $kendo-badge-font-size-md,
|
|
60
|
+
line-height: $kendo-badge-line-height-md,
|
|
61
|
+
min-width: $kendo-badge-min-width-md
|
|
62
|
+
),
|
|
63
|
+
lg: (
|
|
64
|
+
padding-x: $kendo-badge-padding-x-lg,
|
|
65
|
+
padding-y: $kendo-badge-padding-y-lg,
|
|
66
|
+
font-size: $kendo-badge-font-size-lg,
|
|
67
|
+
line-height: $kendo-badge-line-height-lg,
|
|
68
|
+
min-width: $kendo-badge-min-width-lg
|
|
69
|
+
)
|
|
70
|
+
) !default;
|
|
@@ -35,7 +35,7 @@ $kendo-button-font-size-md: $font-size-md !default;
|
|
|
35
35
|
$kendo-button-line-height-md: $line-height-md !default;
|
|
36
36
|
|
|
37
37
|
$kendo-button-padding-x-lg: map-get( $spacing, 3 ) !default;
|
|
38
|
-
$kendo-button-padding-y-lg: map-get( $spacing, 2 );
|
|
38
|
+
$kendo-button-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
39
39
|
$kendo-button-font-size-lg: $font-size-lg !default;
|
|
40
40
|
$kendo-button-line-height-lg: $line-height-lg !default;
|
|
41
41
|
|
|
@@ -66,13 +66,3 @@ $card-deck-scroll-button-offset: -$kendo-button-border-width !default;
|
|
|
66
66
|
|
|
67
67
|
$card-callout-width: 20px !default;
|
|
68
68
|
$card-callout-height: 20px !default;
|
|
69
|
-
|
|
70
|
-
$card-callout-box-shadow-n: null !default;
|
|
71
|
-
$card-callout-box-shadow-e: null !default;
|
|
72
|
-
$card-callout-box-shadow-s: null !default;
|
|
73
|
-
$card-callout-box-shadow-w: null !default;
|
|
74
|
-
|
|
75
|
-
$card-focus-callout-box-shadow-n: 1px -1px 4px 0 rgba( black, .06) !default;
|
|
76
|
-
$card-focus-callout-box-shadow-e: 2px -1px 4px 0 rgba( black, .06) !default;
|
|
77
|
-
$card-focus-callout-box-shadow-s: 2px -2px 4px 0 rgba( black, .06) !default;
|
|
78
|
-
$card-focus-callout-box-shadow-w: 2px -1px 4px 0 rgba( black, .06) !default;
|
|
@@ -3,7 +3,7 @@ $form-spacer: $padding-x * 2 !default;
|
|
|
3
3
|
|
|
4
4
|
$form-font-size: $font-size !default;
|
|
5
5
|
$form-line-height: $line-height !default;
|
|
6
|
-
$form-line-height-em: $form-line-height * 1em !default;
|
|
6
|
+
$form-line-height-em: calc( #{$form-line-height} * 1em ) !default;
|
|
7
7
|
$form-line-height-sm: $line-height-sm !default;
|
|
8
8
|
$form-line-height-lg: $line-height-lg !default;
|
|
9
9
|
|
|
@@ -3,11 +3,14 @@
|
|
|
3
3
|
|
|
4
4
|
// Dependencies
|
|
5
5
|
@import "../common/_index.scss";
|
|
6
|
+
@import "../button/_variables.scss";
|
|
6
7
|
@import "../combobox/_index.scss";
|
|
7
8
|
@import "../toolbar/_index.scss";
|
|
8
9
|
@import "../dialog/_index.scss";
|
|
9
10
|
@import "../pager/_index.scss";
|
|
10
11
|
@import "../icons/_index.scss";
|
|
12
|
+
@import "../dropzone/_index.scss";
|
|
13
|
+
@import "../window/_index.scss";
|
|
11
14
|
|
|
12
15
|
|
|
13
16
|
// Component
|
|
@@ -24,9 +24,22 @@ $pdf-viewer-page-text: $component-text !default;
|
|
|
24
24
|
$pdf-viewer-page-border: $component-border !default;
|
|
25
25
|
$pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
|
|
26
26
|
|
|
27
|
-
$pdf-viewer-search-
|
|
27
|
+
$pdf-viewer-search-panel-border-width: 1px !default;
|
|
28
|
+
$pdf-viewer-search-panel-border-radius: map-get( $spacing, 1 ) !default;
|
|
29
|
+
$pdf-viewer-search-panel-bg: $component-bg !default;
|
|
30
|
+
$pdf-viewer-search-panel-text: $component-text !default;
|
|
31
|
+
$pdf-viewer-search-panel-border: $component-border !default;
|
|
32
|
+
$pdf-viewer-search-panel-shadow: $window-shadow !default;
|
|
33
|
+
$pdf-viewer-search-panel-matches-spacing: $padding-x-sm !default;
|
|
34
|
+
|
|
35
|
+
$pdf-viewer-search-dialog-padding-x: $toolbar-padding-x !default;
|
|
36
|
+
$pdf-viewer-search-dialog-padding-y: map-get( $spacing, 3 ) !default;
|
|
28
37
|
$pdf-viewer-search-dialog-spacing: $toolbar-spacing !default;
|
|
29
38
|
|
|
30
39
|
$pdf-viewer-selection-line-height: $line-height-sm !default;
|
|
31
40
|
|
|
32
41
|
$pdf-viewer-search-highlight-bg: $body-text !default;
|
|
42
|
+
$pdf-viewer-search-highlight-mark-bg: yellow !default;
|
|
43
|
+
|
|
44
|
+
$pdf-viewer-icon-text: $dropzone-icon-text !default;
|
|
45
|
+
$pdf-viewer-icon-size: calc( #{$icon-size} * 3 ) !default;
|
|
@@ -29,8 +29,3 @@ $popover-callout-border-width: $popover-border-width !default;
|
|
|
29
29
|
$popover-callout-border-style: $popover-border-style !default;
|
|
30
30
|
$popover-callout-bg: $popover-bg !default;
|
|
31
31
|
$popover-callout-border: $popover-border !default;
|
|
32
|
-
|
|
33
|
-
$popover-callout-shadow-n: $card-callout-box-shadow-n !default;
|
|
34
|
-
$popover-callout-shadow-e: $card-callout-box-shadow-e !default;
|
|
35
|
-
$popover-callout-shadow-s: $card-callout-box-shadow-s !default;
|
|
36
|
-
$popover-callout-shadow-w: $card-callout-box-shadow-w !default;
|
|
@@ -4,40 +4,42 @@ $kendo-signature-height: 84px !default;
|
|
|
4
4
|
$kendo-signature-maximized-width: 750px !default;
|
|
5
5
|
$kendo-signature-maximized-height: 252px !default;
|
|
6
6
|
|
|
7
|
-
$kendo-signature-padding: map-get( $spacing, 1 ) !default;
|
|
8
|
-
$kendo-signature-padding-sm: map-get( $spacing, 1 ) - map-get(
|
|
9
|
-
$kendo-signature-padding-md: $kendo-signature-padding !default;
|
|
10
|
-
$kendo-signature-padding-lg: map-get( $spacing,
|
|
7
|
+
$kendo-signature-padding-x: map-get( $spacing, 1 ) !default;
|
|
8
|
+
$kendo-signature-padding-x-sm: map-get( $spacing, 1 ) - map-get($spacing, thin) !default;
|
|
9
|
+
$kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
|
|
10
|
+
$kendo-signature-padding-x-lg: map-get( $spacing, 2 ) !default;
|
|
11
|
+
|
|
12
|
+
$kendo-signature-padding-y: $kendo-signature-padding-x !default;
|
|
13
|
+
$kendo-signature-padding-y-sm: $kendo-signature-padding-x-sm !default;
|
|
14
|
+
$kendo-signature-padding-y-md: $kendo-signature-padding-x-md !default;
|
|
15
|
+
$kendo-signature-padding-y-lg: $kendo-signature-padding-x-lg !default;
|
|
11
16
|
|
|
12
17
|
$kendo-signature-line-width: 1px !default;
|
|
13
18
|
$kendo-signature-line-style: dashed !default;
|
|
14
19
|
$kendo-signature-line-color: rgba( $info, .24 ) !default;
|
|
15
20
|
|
|
16
|
-
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding} ) !default;
|
|
17
|
-
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-sm} ) !default;
|
|
18
|
-
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-md} ) !default;
|
|
19
|
-
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-lg} ) !default;
|
|
21
|
+
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
|
|
22
|
+
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-x-sm} ) !default;
|
|
23
|
+
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-x-md} ) !default;
|
|
24
|
+
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-x-lg} ) !default;
|
|
20
25
|
|
|
21
|
-
$kendo-signature-line-bottom-offset:
|
|
22
|
-
$kendo-signature-line-bottom-offset-sm: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-sm} ) !default;
|
|
23
|
-
$kendo-signature-line-bottom-offset-md: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-md} ) !default;
|
|
24
|
-
$kendo-signature-line-bottom-offset-lg: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-lg} ) !default;
|
|
26
|
+
$kendo-signature-line-bottom-offset: 33% !default;
|
|
25
27
|
|
|
26
28
|
$kendo-signature-sizes: (
|
|
27
29
|
sm: (
|
|
28
|
-
padding: $kendo-signature-padding-sm,
|
|
29
|
-
|
|
30
|
-
line-
|
|
30
|
+
padding-x: $kendo-signature-padding-x-sm,
|
|
31
|
+
padding-y: $kendo-signature-padding-y-sm,
|
|
32
|
+
line-size: $kendo-signature-line-size-sm
|
|
31
33
|
),
|
|
32
34
|
md: (
|
|
33
|
-
padding: $kendo-signature-padding-md,
|
|
34
|
-
|
|
35
|
-
line-
|
|
35
|
+
padding-x: $kendo-signature-padding-x-md,
|
|
36
|
+
padding-y: $kendo-signature-padding-y-md,
|
|
37
|
+
line-size: $kendo-signature-line-size-md
|
|
36
38
|
),
|
|
37
39
|
lg: (
|
|
38
|
-
padding: $kendo-signature-padding-lg,
|
|
39
|
-
|
|
40
|
-
line-
|
|
40
|
+
padding-x: $kendo-signature-padding-x-lg,
|
|
41
|
+
padding-y: $kendo-signature-padding-y-lg,
|
|
42
|
+
line-size: $kendo-signature-line-size-lg
|
|
41
43
|
)
|
|
42
44
|
) !default;
|
|
43
45
|
|
|
@@ -28,7 +28,7 @@ $line-height-xs: 1 !default;
|
|
|
28
28
|
$line-height-sm: 1.25 !default;
|
|
29
29
|
$line-height-md: $line-height !default;
|
|
30
30
|
$line-height-lg: 1.5 !default;
|
|
31
|
-
$line-height-em: $line-height * 1em !default;
|
|
31
|
+
$line-height-em: calc( #{$line-height} * 1em ) !default;
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
// Font weight
|