@progress/kendo-theme-classic 14.1.0-dev.1 → 14.1.0-dev.2
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 +1 -1
- package/dist/classic-green-dark.css +1 -1
- package/dist/classic-green.css +1 -1
- package/dist/classic-lavender-dark.css +1 -1
- package/dist/classic-lavender.css +1 -1
- package/dist/classic-main-dark.css +1 -1
- package/dist/classic-main.css +1 -1
- package/dist/classic-metro-dark.css +1 -1
- package/dist/classic-metro.css +1 -1
- package/dist/classic-moonlight.css +1 -1
- package/dist/classic-opal-dark.css +1 -1
- package/dist/classic-opal.css +1 -1
- package/dist/classic-silver-dark.css +1 -1
- package/dist/classic-silver.css +1 -1
- package/dist/classic-uniform.css +1 -1
- package/dist/meta/sassdoc-data.json +368 -314
- package/dist/meta/sassdoc-raw-data.json +172 -147
- package/dist/meta/variables.json +11 -7
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.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/lib/swatches/classic-uniform.json +1 -1
- package/package.json +4 -4
- package/scss/tabstrip/_layout.scss +44 -0
- package/scss/tabstrip/_variables.scss +7 -3
package/dist/meta/variables.json
CHANGED
|
@@ -10534,9 +10534,13 @@
|
|
|
10534
10534
|
"type": "String",
|
|
10535
10535
|
"value": "var(--kendo-spacing-0)"
|
|
10536
10536
|
},
|
|
10537
|
+
"kendo-tabstrip-item-spacing-x": {
|
|
10538
|
+
"type": "String",
|
|
10539
|
+
"value": "var(--kendo-spacing-1)"
|
|
10540
|
+
},
|
|
10537
10541
|
"kendo-tabstrip-sm-item-padding-x": {
|
|
10538
10542
|
"type": "String",
|
|
10539
|
-
"value": "var(--kendo-spacing-
|
|
10543
|
+
"value": "var(--kendo-spacing-1)"
|
|
10540
10544
|
},
|
|
10541
10545
|
"kendo-tabstrip-sm-item-padding-y": {
|
|
10542
10546
|
"type": "String",
|
|
@@ -10544,7 +10548,7 @@
|
|
|
10544
10548
|
},
|
|
10545
10549
|
"kendo-tabstrip-md-item-padding-x": {
|
|
10546
10550
|
"type": "String",
|
|
10547
|
-
"value": "var(--kendo-spacing-
|
|
10551
|
+
"value": "var(--kendo-spacing-1)"
|
|
10548
10552
|
},
|
|
10549
10553
|
"kendo-tabstrip-md-item-padding-y": {
|
|
10550
10554
|
"type": "String",
|
|
@@ -10552,7 +10556,7 @@
|
|
|
10552
10556
|
},
|
|
10553
10557
|
"kendo-tabstrip-lg-item-padding-x": {
|
|
10554
10558
|
"type": "String",
|
|
10555
|
-
"value": "var(--kendo-spacing-2)"
|
|
10559
|
+
"value": "var(--kendo-spacing-2\\.5)"
|
|
10556
10560
|
},
|
|
10557
10561
|
"kendo-tabstrip-lg-item-padding-y": {
|
|
10558
10562
|
"type": "String",
|
|
@@ -10688,24 +10692,24 @@
|
|
|
10688
10692
|
},
|
|
10689
10693
|
"kendo-tabstrip-sizes": {
|
|
10690
10694
|
"type": "Map",
|
|
10691
|
-
"value": "(sm: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), item-padding-x: var(--kendo-spacing-
|
|
10695
|
+
"value": "(sm: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), item-padding-x: var(--kendo-spacing-1), item-padding-y: var(--kendo-spacing-0\\.5)), md: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), item-padding-x: var(--kendo-spacing-1), item-padding-y: var(--kendo-spacing-1)), lg: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), item-padding-x: var(--kendo-spacing-2\\.5), item-padding-y: var(--kendo-spacing-1\\.5)))",
|
|
10692
10696
|
"prettyValue": {
|
|
10693
10697
|
"sm": {
|
|
10694
10698
|
"font-size": "var(--kendo-font-size)",
|
|
10695
10699
|
"line-height": "var(--kendo-line-height)",
|
|
10696
|
-
"item-padding-x": "var(--kendo-spacing-
|
|
10700
|
+
"item-padding-x": "var(--kendo-spacing-1)",
|
|
10697
10701
|
"item-padding-y": "var(--kendo-spacing-0\\.5)"
|
|
10698
10702
|
},
|
|
10699
10703
|
"md": {
|
|
10700
10704
|
"font-size": "var(--kendo-font-size)",
|
|
10701
10705
|
"line-height": "var(--kendo-line-height)",
|
|
10702
|
-
"item-padding-x": "var(--kendo-spacing-
|
|
10706
|
+
"item-padding-x": "var(--kendo-spacing-1)",
|
|
10703
10707
|
"item-padding-y": "var(--kendo-spacing-1)"
|
|
10704
10708
|
},
|
|
10705
10709
|
"lg": {
|
|
10706
10710
|
"font-size": "var(--kendo-font-size-lg)",
|
|
10707
10711
|
"line-height": "var(--kendo-line-height-lg)",
|
|
10708
|
-
"item-padding-x": "var(--kendo-spacing-2)",
|
|
10712
|
+
"item-padding-x": "var(--kendo-spacing-2\\.5)",
|
|
10709
10713
|
"item-padding-y": "var(--kendo-spacing-1\\.5)"
|
|
10710
10714
|
}
|
|
10711
10715
|
}
|
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": "14.1.0-dev.
|
|
4
|
+
"version": "14.1.0-dev.2",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "^4.9.0",
|
|
57
|
-
"@progress/kendo-theme-core": "14.1.0-dev.
|
|
58
|
-
"@progress/kendo-theme-utils": "14.1.0-dev.
|
|
57
|
+
"@progress/kendo-theme-core": "14.1.0-dev.2",
|
|
58
|
+
"@progress/kendo-theme-utils": "14.1.0-dev.2"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "ced73fbd794aefd7ed9b0767f0567feb81f924cb"
|
|
65
65
|
}
|
|
@@ -4,6 +4,50 @@
|
|
|
4
4
|
@mixin kendo-tabstrip--layout() {
|
|
5
5
|
@include kendo-tabstrip--layout-base();
|
|
6
6
|
|
|
7
|
+
.k-tabstrip-top > .k-tabstrip-items-wrapper {
|
|
8
|
+
.k-tabstrip-item, .k-item {
|
|
9
|
+
margin-block-end: 0;
|
|
10
|
+
border-block-end-width: 0;
|
|
11
|
+
}
|
|
12
|
+
.k-tabstrip-item:active, .k-tabstrip-item.k-active,
|
|
13
|
+
.k-item:active, .k-item.k-active {
|
|
14
|
+
margin-block-end: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.k-tabstrip-bottom > .k-tabstrip-items-wrapper {
|
|
19
|
+
.k-tabstrip-item, .k-item {
|
|
20
|
+
margin-block-start: 0;
|
|
21
|
+
border-block-start-width: 0;
|
|
22
|
+
}
|
|
23
|
+
.k-tabstrip-item:active, .k-tabstrip-item.k-active,
|
|
24
|
+
.k-item:active, .k-item.k-active {
|
|
25
|
+
margin-block-start: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.k-tabstrip-left > .k-tabstrip-items-wrapper {
|
|
30
|
+
.k-tabstrip-item, .k-item {
|
|
31
|
+
margin-right: 0;
|
|
32
|
+
border-right-width: 0;
|
|
33
|
+
}
|
|
34
|
+
.k-tabstrip-item:active, .k-tabstrip-item.k-active,
|
|
35
|
+
.k-item:active, .k-item.k-active {
|
|
36
|
+
margin-right: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.k-tabstrip-right > .k-tabstrip-items-wrapper {
|
|
41
|
+
.k-tabstrip-item, .k-item {
|
|
42
|
+
margin-left: 0;
|
|
43
|
+
border-left-width: 0;
|
|
44
|
+
}
|
|
45
|
+
.k-tabstrip-item:active, .k-tabstrip-item.k-active,
|
|
46
|
+
.k-item:active, .k-item.k-active {
|
|
47
|
+
margin-left: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
7
51
|
.k-tabstrip-scrollable.k-tabstrip-top > .k-tabstrip-items-wrapper .k-tabstrip-item {
|
|
8
52
|
border-block-end-width: $kendo-tabstrip-item-border-width;
|
|
9
53
|
}
|
|
@@ -79,21 +79,24 @@ $kendo-tabstrip-item-border-radius: k-border-radius(md) !default;
|
|
|
79
79
|
/// The gap between the TabStrip items.
|
|
80
80
|
/// @group tabstrip
|
|
81
81
|
$kendo-tabstrip-item-gap: k-spacing(0) !default;
|
|
82
|
+
/// The horizontal spacing of the TabStrip items.
|
|
83
|
+
/// @group tabstrip
|
|
84
|
+
$kendo-tabstrip-item-spacing-x: k-spacing(1) !default;
|
|
82
85
|
/// The horizontal padding of the small TabStrip items.
|
|
83
86
|
/// @group tabstrip
|
|
84
|
-
$kendo-tabstrip-sm-item-padding-x: k-spacing(
|
|
87
|
+
$kendo-tabstrip-sm-item-padding-x: k-spacing(1) !default;
|
|
85
88
|
/// The vertical padding of the small TabStrip items.
|
|
86
89
|
/// @group tabstrip
|
|
87
90
|
$kendo-tabstrip-sm-item-padding-y: k-spacing(0.5) !default;
|
|
88
91
|
/// The horizontal padding of the medium TabStrip items.
|
|
89
92
|
/// @group tabstrip
|
|
90
|
-
$kendo-tabstrip-md-item-padding-x: k-spacing(
|
|
93
|
+
$kendo-tabstrip-md-item-padding-x: k-spacing(1) !default;
|
|
91
94
|
/// The vertical padding of the medium TabStrip items.
|
|
92
95
|
/// @group tabstrip
|
|
93
96
|
$kendo-tabstrip-md-item-padding-y: k-spacing(1) !default;
|
|
94
97
|
/// The horizontal padding of the large TabStrip items.
|
|
95
98
|
/// @group tabstrip
|
|
96
|
-
$kendo-tabstrip-lg-item-padding-x: k-spacing(2) !default;
|
|
99
|
+
$kendo-tabstrip-lg-item-padding-x: k-spacing(2.5) !default;
|
|
97
100
|
/// The vertical padding of the large TabStrip items.
|
|
98
101
|
/// @group tabstrip
|
|
99
102
|
$kendo-tabstrip-lg-item-padding-y: k-spacing(1.5) !default;
|
|
@@ -229,6 +232,7 @@ $kendo-tabstrip-scroll-button-spacing: null !default;
|
|
|
229
232
|
$kendo-tabstrip-item-border-width: $kendo-tabstrip-item-border-width,
|
|
230
233
|
$kendo-tabstrip-item-border-radius: $kendo-tabstrip-item-border-radius,
|
|
231
234
|
$kendo-tabstrip-item-gap: $kendo-tabstrip-item-gap,
|
|
235
|
+
$kendo-tabstrip-item-spacing-x: $kendo-tabstrip-item-spacing-x,
|
|
232
236
|
$kendo-tabstrip-item-bg: $kendo-tabstrip-item-bg,
|
|
233
237
|
$kendo-tabstrip-sm-item-padding-x: $kendo-tabstrip-sm-item-padding-x,
|
|
234
238
|
$kendo-tabstrip-sm-item-padding-y: $kendo-tabstrip-sm-item-padding-y,
|