@progress/kendo-theme-classic 5.4.2-dev.6 → 5.5.1-dev.1
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 +348 -362
- package/dist/all.scss +420 -268
- 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 +8 -11
- package/scss/button/_variables.scss +34 -14
- package/scss/chip/_variables.scss +1 -1
- package/scss/index.scss +1 -0
- package/scss/input/_variables.scss +21 -4
- package/scss/list/_variables.scss +4 -4
- package/scss/progressbar/_variables.scss +1 -0
- package/scss/signature/_index.scss +9 -0
- package/scss/signature/_layout.scss +1 -0
- package/scss/signature/_theme.scss +1 -0
- package/scss/signature/_variables.scss +45 -0
- package/scss/treeview/_variables.scss +4 -4
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.5.1-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -37,19 +37,16 @@
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
|
-
"
|
|
41
|
-
"sass
|
|
42
|
-
"sass:swatches": "gulp sass:swatches",
|
|
43
|
-
"sass:flat": "gulp sass:flat",
|
|
44
|
-
"dart": "gulp dart",
|
|
45
|
-
"dart:watch": "gulp dart:watch",
|
|
46
|
-
"dart:swatches": "gulp dart:swatches",
|
|
47
|
-
"dart:flat": "gulp dart:flat",
|
|
40
|
+
"build": "sass-build",
|
|
41
|
+
"sass": "sass-build",
|
|
48
42
|
"prepublishOnly": "node ../../scripts/themes-prepublish.js",
|
|
49
43
|
"postpublish": "echo 'no postpublish for classic theme'"
|
|
50
44
|
},
|
|
51
45
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-theme-default": "^5.
|
|
46
|
+
"@progress/kendo-theme-default": "^5.5.1-dev.1"
|
|
53
47
|
},
|
|
54
|
-
"
|
|
48
|
+
"devDependencies": {
|
|
49
|
+
"sass-build": "^0.0.1"
|
|
50
|
+
},
|
|
51
|
+
"gitHead": "af60c06ba819159a7b64019ea1abd23116c3bcd7"
|
|
55
52
|
}
|
|
@@ -11,34 +11,33 @@ $kendo-button-border-radius: null !default;
|
|
|
11
11
|
/// Horizontal padding of the button.
|
|
12
12
|
/// @group button
|
|
13
13
|
$kendo-button-padding-x: map-get( $spacing, 2 ) !default;
|
|
14
|
-
$kendo-button-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
15
|
-
$kendo-button-padding-x-md: map-get( $spacing, 2 ) !default;
|
|
16
|
-
$kendo-button-padding-x-lg: map-get( $spacing, 2 ) !default;
|
|
17
|
-
|
|
18
14
|
/// Vertical padding of the button.
|
|
19
15
|
/// @group button
|
|
20
16
|
$kendo-button-padding-y: map-get( $spacing, 1 ) !default;
|
|
21
|
-
$kendo-button-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
22
|
-
$kendo-button-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
23
|
-
$kendo-button-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
|
|
24
|
-
|
|
25
17
|
/// Font family of the button.
|
|
26
18
|
/// @group button
|
|
27
19
|
$kendo-button-font-family: $font-family !default;
|
|
28
|
-
|
|
29
20
|
/// Font sizes of the button.
|
|
30
21
|
/// @group button
|
|
31
22
|
$kendo-button-font-size: $font-size-md !default;
|
|
32
|
-
$kendo-button-font-size-sm: $font-size-md !default;
|
|
33
|
-
$kendo-button-font-size-md: $font-size-md !default;
|
|
34
|
-
$kendo-button-font-size-lg: $font-size-md !default;
|
|
35
|
-
|
|
36
23
|
/// Line heights used along with $font-size.
|
|
37
24
|
/// @group button
|
|
38
25
|
$kendo-button-line-height: $line-height-md !default;
|
|
26
|
+
|
|
27
|
+
$kendo-button-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
28
|
+
$kendo-button-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
29
|
+
$kendo-button-font-size-sm: $font-size-md !default;
|
|
39
30
|
$kendo-button-line-height-sm: $line-height-md !default;
|
|
31
|
+
|
|
32
|
+
$kendo-button-padding-x-md: map-get( $spacing, 2 ) !default;
|
|
33
|
+
$kendo-button-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
34
|
+
$kendo-button-font-size-md: $font-size-md !default;
|
|
40
35
|
$kendo-button-line-height-md: $line-height-md !default;
|
|
41
|
-
|
|
36
|
+
|
|
37
|
+
$kendo-button-padding-x-lg: map-get( $spacing, 3 ) !default;
|
|
38
|
+
$kendo-button-padding-y-lg: map-get( $spacing, 2 );
|
|
39
|
+
$kendo-button-font-size-lg: $font-size-lg !default;
|
|
40
|
+
$kendo-button-line-height-lg: $line-height-lg !default;
|
|
42
41
|
|
|
43
42
|
/// Calculated height of the button.
|
|
44
43
|
/// @group button
|
|
@@ -48,6 +47,27 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
|
|
|
48
47
|
/// @group button
|
|
49
48
|
$kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
|
|
50
49
|
|
|
50
|
+
$kendo-button-sizes: (
|
|
51
|
+
sm: (
|
|
52
|
+
padding-x: $kendo-button-padding-x-sm,
|
|
53
|
+
padding-y: $kendo-button-padding-y-sm,
|
|
54
|
+
font-size: $kendo-button-font-size-sm,
|
|
55
|
+
line-height: $kendo-button-line-height-sm
|
|
56
|
+
),
|
|
57
|
+
md: (
|
|
58
|
+
padding-x: $kendo-button-padding-x-md,
|
|
59
|
+
padding-y: $kendo-button-padding-y-md,
|
|
60
|
+
font-size: $kendo-button-font-size-md,
|
|
61
|
+
line-height: $kendo-button-line-height-md
|
|
62
|
+
),
|
|
63
|
+
lg: (
|
|
64
|
+
padding-x: $kendo-button-padding-x-lg,
|
|
65
|
+
padding-y: $kendo-button-padding-y-lg,
|
|
66
|
+
font-size: $kendo-button-font-size-lg,
|
|
67
|
+
line-height: $kendo-button-line-height-lg
|
|
68
|
+
)
|
|
69
|
+
) !default;
|
|
70
|
+
|
|
51
71
|
/// Theme colors map for the button.
|
|
52
72
|
/// @group button
|
|
53
73
|
$kendo-button-theme-colors: map-merge(
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
$kendo-chip-border-width: 1px !default;
|
|
6
6
|
/// The spacing between the text and the icons of the chip.
|
|
7
7
|
/// @group chip
|
|
8
|
-
$kendo-chip-spacing: map-get( $spacing, 1 );
|
|
8
|
+
$kendo-chip-spacing: map-get( $spacing, 1 ) !default;
|
|
9
9
|
|
|
10
10
|
/// Horizontal padding of the chip.
|
|
11
11
|
/// @group chip
|
package/scss/index.scss
CHANGED
|
@@ -1,14 +1,31 @@
|
|
|
1
1
|
// Input
|
|
2
|
+
|
|
3
|
+
/// Default width of input components.
|
|
4
|
+
/// @group input
|
|
2
5
|
$kendo-input-default-width: 100% !default;
|
|
3
6
|
|
|
7
|
+
/// Border width of input components.
|
|
8
|
+
/// @group input
|
|
4
9
|
$kendo-input-border-width: 1px !default;
|
|
5
10
|
$kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
|
|
11
|
+
/// Border radius of input components.
|
|
12
|
+
/// @group input
|
|
6
13
|
$kendo-input-border-radius: null !default;
|
|
7
14
|
|
|
15
|
+
/// Horizontal padding of input components.
|
|
16
|
+
/// @group input
|
|
8
17
|
$kendo-input-padding-x: map-get( $spacing, 2 ) !default;
|
|
18
|
+
/// Vertical padding of input components.
|
|
19
|
+
/// @group input
|
|
9
20
|
$kendo-input-padding-y: map-get( $spacing, 1 ) !default;
|
|
21
|
+
/// Font family of input components.
|
|
22
|
+
/// @group input
|
|
10
23
|
$kendo-input-font-family: $font-family !default;
|
|
24
|
+
/// Font size of input components.
|
|
25
|
+
/// @group input
|
|
11
26
|
$kendo-input-font-size: $font-size-md !default;
|
|
27
|
+
/// Line height of input components.
|
|
28
|
+
/// @group input
|
|
12
29
|
$kendo-input-line-height: $line-height-md !default;
|
|
13
30
|
|
|
14
31
|
$kendo-input-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
@@ -21,10 +38,10 @@ $kendo-input-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
|
21
38
|
$kendo-input-font-size-md: $font-size-md !default;
|
|
22
39
|
$kendo-input-line-height-md: $line-height-md !default;
|
|
23
40
|
|
|
24
|
-
$kendo-input-padding-x-lg: map-get( $spacing,
|
|
25
|
-
$kendo-input-padding-y-lg: map-get( $spacing,
|
|
26
|
-
$kendo-input-font-size-lg: $font-size-
|
|
27
|
-
$kendo-input-line-height-lg: $line-height-
|
|
41
|
+
$kendo-input-padding-x-lg: map-get( $spacing, 3 ) !default;
|
|
42
|
+
$kendo-input-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
43
|
+
$kendo-input-font-size-lg: $font-size-lg !default;
|
|
44
|
+
$kendo-input-line-height-lg: $line-height-lg !default;
|
|
28
45
|
|
|
29
46
|
$kendo-input-sizes: (
|
|
30
47
|
sm: (
|
|
@@ -5,14 +5,14 @@
|
|
|
5
5
|
$kendo-list-font-size: null !default;
|
|
6
6
|
$kendo-list-font-size-sm: $font-size-md !default;
|
|
7
7
|
$kendo-list-font-size-md: $font-size-md !default;
|
|
8
|
-
$kendo-list-font-size-lg: $font-size-
|
|
8
|
+
$kendo-list-font-size-lg: $font-size-lg !default;
|
|
9
9
|
|
|
10
10
|
/// Line height of the list component, if no size is set.
|
|
11
11
|
/// @group list
|
|
12
12
|
$kendo-list-line-height: null !default;
|
|
13
13
|
$kendo-list-line-height-sm: null !default;
|
|
14
14
|
$kendo-list-line-height-md: null !default;
|
|
15
|
-
$kendo-list-line-height-lg:
|
|
15
|
+
$kendo-list-line-height-lg: $line-height-lg !default;
|
|
16
16
|
|
|
17
17
|
/// Horizontal padding of list header, if no size is set.
|
|
18
18
|
/// @group list
|
|
@@ -58,7 +58,7 @@ $kendo-list-item-padding-x: null !default;
|
|
|
58
58
|
$kendo-list-item-padding-x-base: map-get( $spacing, 2 ) !default;
|
|
59
59
|
$kendo-list-item-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
60
60
|
$kendo-list-item-padding-x-md: map-get( $spacing, 2 ) !default;
|
|
61
|
-
$kendo-list-item-padding-x-lg: map-get( $spacing,
|
|
61
|
+
$kendo-list-item-padding-x-lg: map-get( $spacing, 3 ) !default;
|
|
62
62
|
|
|
63
63
|
/// Vertical padding of list items, when no size is set.
|
|
64
64
|
/// @group list
|
|
@@ -66,7 +66,7 @@ $kendo-list-item-padding-y: null !default;
|
|
|
66
66
|
$kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
|
|
67
67
|
$kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
68
68
|
$kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
69
|
-
$kendo-list-item-padding-y-lg: map-get( $spacing,
|
|
69
|
+
$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
70
70
|
|
|
71
71
|
/// Font size of list items, if no size is set.
|
|
72
72
|
/// @group list
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/signature/_layout.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/signature/_theme.scss";
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
$kendo-signature-width: 250px !default;
|
|
2
|
+
$kendo-signature-height: 84px !default;
|
|
3
|
+
|
|
4
|
+
$kendo-signature-maximized-width: 750px !default;
|
|
5
|
+
$kendo-signature-maximized-height: 252px !default;
|
|
6
|
+
|
|
7
|
+
$kendo-signature-padding: map-get( $spacing, 1 ) !default;
|
|
8
|
+
$kendo-signature-padding-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
9
|
+
$kendo-signature-padding-md: $kendo-signature-padding !default;
|
|
10
|
+
$kendo-signature-padding-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
|
|
11
|
+
|
|
12
|
+
$kendo-signature-line-width: 1px !default;
|
|
13
|
+
$kendo-signature-line-style: dashed !default;
|
|
14
|
+
$kendo-signature-line-color: rgba( $info, .24 ) !default;
|
|
15
|
+
|
|
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;
|
|
20
|
+
|
|
21
|
+
$kendo-signature-line-bottom-offset: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding} ) !default;
|
|
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;
|
|
25
|
+
|
|
26
|
+
$kendo-signature-sizes: (
|
|
27
|
+
sm: (
|
|
28
|
+
padding: $kendo-signature-padding-sm,
|
|
29
|
+
line-size: $kendo-signature-line-size-sm,
|
|
30
|
+
line-offset: $kendo-signature-line-bottom-offset-sm
|
|
31
|
+
),
|
|
32
|
+
md: (
|
|
33
|
+
padding: $kendo-signature-padding-md,
|
|
34
|
+
line-size: $kendo-signature-line-size-md,
|
|
35
|
+
line-offset: $kendo-signature-line-bottom-offset-md
|
|
36
|
+
),
|
|
37
|
+
lg: (
|
|
38
|
+
padding: $kendo-signature-padding-lg,
|
|
39
|
+
line-size: $kendo-signature-line-size-lg,
|
|
40
|
+
line-offset: $kendo-signature-line-bottom-offset-lg
|
|
41
|
+
)
|
|
42
|
+
) !default;
|
|
43
|
+
|
|
44
|
+
$kendo-signature-actions-gap: map-get( $spacing, 1 ) !default;
|
|
45
|
+
$kendo-signature-maximized-line-width: map-get( $spacing, 1 ) - map-get( $spacing, hair ) !default;
|
|
@@ -8,13 +8,13 @@ $kendo-treeview-font-family: $font-family !default;
|
|
|
8
8
|
$kendo-treeview-font-size: $font-size-md !default;
|
|
9
9
|
$kendo-treeview-font-size-sm: $font-size-md !default;
|
|
10
10
|
$kendo-treeview-font-size-md: $font-size-md !default;
|
|
11
|
-
$kendo-treeview-font-size-lg: $font-size-
|
|
11
|
+
$kendo-treeview-font-size-lg: $font-size-lg !default;
|
|
12
12
|
/// Line height of the treeview component.
|
|
13
13
|
/// @group treeview
|
|
14
14
|
$kendo-treeview-line-height: $line-height-md !default;
|
|
15
15
|
$kendo-treeview-line-height-sm: $line-height-md !default;
|
|
16
16
|
$kendo-treeview-line-height-md: $line-height-md !default;
|
|
17
|
-
$kendo-treeview-line-height-lg: $line-height-
|
|
17
|
+
$kendo-treeview-line-height-lg: $line-height-lg !default;
|
|
18
18
|
/// Indentation of child groups in treeview component.
|
|
19
19
|
/// @group treeview
|
|
20
20
|
$kendo-treeview-indent: 16px !default;
|
|
@@ -24,13 +24,13 @@ $kendo-treeview-indent: 16px !default;
|
|
|
24
24
|
$kendo-treeview-item-padding-x: map-get( $spacing, 2 ) !default;
|
|
25
25
|
$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
26
26
|
$kendo-treeview-item-padding-x-md: map-get( $spacing, 2 ) !default;
|
|
27
|
-
$kendo-treeview-item-padding-x-lg: map-get( $spacing,
|
|
27
|
+
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
|
|
28
28
|
/// Vertical padding of treeview items.
|
|
29
29
|
/// @group treeview
|
|
30
30
|
$kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
|
|
31
31
|
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
|
|
32
32
|
$kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
33
|
-
$kendo-treeview-item-padding-y-lg: map-get( $spacing,
|
|
33
|
+
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
34
34
|
/// Border width of treeview items.
|
|
35
35
|
/// @group treeview
|
|
36
36
|
$kendo-treeview-item-border-width: 0px !default;
|