@progress/kendo-theme-core 14.1.0-dev.0 → 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/meta/sassdoc-data.json +16 -16
- package/dist/meta/sassdoc-raw-data.json +8 -8
- package/package.json +2 -2
- package/scss/components/chat/_layout.scss +2 -1
- package/scss/components/grid/_layout.scss +1 -1
- package/scss/components/grid/_theme.scss +2 -2
- package/scss/components/tabstrip/_layout.scss +14 -17
- package/scss/components/tabstrip/_variables.scss +1 -0
- package/scss/components/toolbar/_layout.scss +2 -2
|
@@ -2951,8 +2951,8 @@
|
|
|
2951
2951
|
{
|
|
2952
2952
|
"description": "The spacing around the TabStrip scroll buttons (prev/next).\n",
|
|
2953
2953
|
"commentRange": {
|
|
2954
|
-
"start":
|
|
2955
|
-
"end":
|
|
2954
|
+
"start": 81,
|
|
2955
|
+
"end": 82
|
|
2956
2956
|
},
|
|
2957
2957
|
"context": {
|
|
2958
2958
|
"type": "variable",
|
|
@@ -2960,8 +2960,8 @@
|
|
|
2960
2960
|
"value": "null",
|
|
2961
2961
|
"scope": "default",
|
|
2962
2962
|
"line": {
|
|
2963
|
-
"start":
|
|
2964
|
-
"end":
|
|
2963
|
+
"start": 83,
|
|
2964
|
+
"end": 83
|
|
2965
2965
|
}
|
|
2966
2966
|
},
|
|
2967
2967
|
"group": [
|
|
@@ -2976,8 +2976,8 @@
|
|
|
2976
2976
|
{
|
|
2977
2977
|
"description": "The sizes map of the TabStrip.\n",
|
|
2978
2978
|
"commentRange": {
|
|
2979
|
-
"start":
|
|
2980
|
-
"end":
|
|
2979
|
+
"start": 85,
|
|
2980
|
+
"end": 86
|
|
2981
2981
|
},
|
|
2982
2982
|
"context": {
|
|
2983
2983
|
"type": "variable",
|
|
@@ -2985,8 +2985,8 @@
|
|
|
2985
2985
|
"value": "(\n sm: (\n font-size: $kendo-tabstrip-sm-font-size,\n line-height: $kendo-tabstrip-sm-line-height,\n item-padding-x: $kendo-tabstrip-sm-item-padding-x,\n item-padding-y: $kendo-tabstrip-sm-item-padding-y\n ),\n md: (\n font-size: $kendo-tabstrip-md-font-size,\n line-height: $kendo-tabstrip-md-line-height,\n item-padding-x: $kendo-tabstrip-md-item-padding-x,\n item-padding-y: $kendo-tabstrip-md-item-padding-y\n ),\n lg: (\n font-size: $kendo-tabstrip-lg-font-size,\n line-height: $kendo-tabstrip-lg-line-height,\n item-padding-x: $kendo-tabstrip-lg-item-padding-x,\n item-padding-y: $kendo-tabstrip-lg-item-padding-y\n )\n)",
|
|
2986
2986
|
"scope": "default",
|
|
2987
2987
|
"line": {
|
|
2988
|
-
"start":
|
|
2989
|
-
"end":
|
|
2988
|
+
"start": 87,
|
|
2989
|
+
"end": 106
|
|
2990
2990
|
}
|
|
2991
2991
|
},
|
|
2992
2992
|
"group": [
|
|
@@ -12065,8 +12065,8 @@
|
|
|
12065
12065
|
{
|
|
12066
12066
|
"description": "The spacing around the TabStrip scroll buttons (prev/next).\n",
|
|
12067
12067
|
"commentRange": {
|
|
12068
|
-
"start":
|
|
12069
|
-
"end":
|
|
12068
|
+
"start": 81,
|
|
12069
|
+
"end": 82
|
|
12070
12070
|
},
|
|
12071
12071
|
"context": {
|
|
12072
12072
|
"type": "variable",
|
|
@@ -12074,8 +12074,8 @@
|
|
|
12074
12074
|
"value": "null",
|
|
12075
12075
|
"scope": "default",
|
|
12076
12076
|
"line": {
|
|
12077
|
-
"start":
|
|
12078
|
-
"end":
|
|
12077
|
+
"start": 83,
|
|
12078
|
+
"end": 83
|
|
12079
12079
|
}
|
|
12080
12080
|
},
|
|
12081
12081
|
"group": [
|
|
@@ -12090,8 +12090,8 @@
|
|
|
12090
12090
|
{
|
|
12091
12091
|
"description": "The sizes map of the TabStrip.\n",
|
|
12092
12092
|
"commentRange": {
|
|
12093
|
-
"start":
|
|
12094
|
-
"end":
|
|
12093
|
+
"start": 85,
|
|
12094
|
+
"end": 86
|
|
12095
12095
|
},
|
|
12096
12096
|
"context": {
|
|
12097
12097
|
"type": "variable",
|
|
@@ -12099,8 +12099,8 @@
|
|
|
12099
12099
|
"value": "(\n sm: (\n font-size: $kendo-tabstrip-sm-font-size,\n line-height: $kendo-tabstrip-sm-line-height,\n item-padding-x: $kendo-tabstrip-sm-item-padding-x,\n item-padding-y: $kendo-tabstrip-sm-item-padding-y\n ),\n md: (\n font-size: $kendo-tabstrip-md-font-size,\n line-height: $kendo-tabstrip-md-line-height,\n item-padding-x: $kendo-tabstrip-md-item-padding-x,\n item-padding-y: $kendo-tabstrip-md-item-padding-y\n ),\n lg: (\n font-size: $kendo-tabstrip-lg-font-size,\n line-height: $kendo-tabstrip-lg-line-height,\n item-padding-x: $kendo-tabstrip-lg-item-padding-x,\n item-padding-y: $kendo-tabstrip-lg-item-padding-y\n )\n)",
|
|
12100
12100
|
"scope": "default",
|
|
12101
12101
|
"line": {
|
|
12102
|
-
"start":
|
|
12103
|
-
"end":
|
|
12102
|
+
"start": 87,
|
|
12103
|
+
"end": 106
|
|
12104
12104
|
}
|
|
12105
12105
|
},
|
|
12106
12106
|
"group": [
|
|
@@ -4566,8 +4566,8 @@
|
|
|
4566
4566
|
{
|
|
4567
4567
|
"description": "The spacing around the TabStrip scroll buttons (prev/next).\n",
|
|
4568
4568
|
"commentRange": {
|
|
4569
|
-
"start":
|
|
4570
|
-
"end":
|
|
4569
|
+
"start": 81,
|
|
4570
|
+
"end": 82
|
|
4571
4571
|
},
|
|
4572
4572
|
"context": {
|
|
4573
4573
|
"type": "variable",
|
|
@@ -4575,8 +4575,8 @@
|
|
|
4575
4575
|
"value": "null",
|
|
4576
4576
|
"scope": "default",
|
|
4577
4577
|
"line": {
|
|
4578
|
-
"start":
|
|
4579
|
-
"end":
|
|
4578
|
+
"start": 83,
|
|
4579
|
+
"end": 83
|
|
4580
4580
|
}
|
|
4581
4581
|
},
|
|
4582
4582
|
"group": [
|
|
@@ -4591,8 +4591,8 @@
|
|
|
4591
4591
|
{
|
|
4592
4592
|
"description": "The sizes map of the TabStrip.\n",
|
|
4593
4593
|
"commentRange": {
|
|
4594
|
-
"start":
|
|
4595
|
-
"end":
|
|
4594
|
+
"start": 85,
|
|
4595
|
+
"end": 86
|
|
4596
4596
|
},
|
|
4597
4597
|
"context": {
|
|
4598
4598
|
"type": "variable",
|
|
@@ -4600,8 +4600,8 @@
|
|
|
4600
4600
|
"value": "(\n sm: (\n font-size: $kendo-tabstrip-sm-font-size,\n line-height: $kendo-tabstrip-sm-line-height,\n item-padding-x: $kendo-tabstrip-sm-item-padding-x,\n item-padding-y: $kendo-tabstrip-sm-item-padding-y\n ),\n md: (\n font-size: $kendo-tabstrip-md-font-size,\n line-height: $kendo-tabstrip-md-line-height,\n item-padding-x: $kendo-tabstrip-md-item-padding-x,\n item-padding-y: $kendo-tabstrip-md-item-padding-y\n ),\n lg: (\n font-size: $kendo-tabstrip-lg-font-size,\n line-height: $kendo-tabstrip-lg-line-height,\n item-padding-x: $kendo-tabstrip-lg-item-padding-x,\n item-padding-y: $kendo-tabstrip-lg-item-padding-y\n )\n)",
|
|
4601
4601
|
"scope": "default",
|
|
4602
4602
|
"line": {
|
|
4603
|
-
"start":
|
|
4604
|
-
"end":
|
|
4603
|
+
"start": 87,
|
|
4604
|
+
"end": 106
|
|
4605
4605
|
}
|
|
4606
4606
|
},
|
|
4607
4607
|
"group": [
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-core",
|
|
3
3
|
"description": "A collection of functions and mixins used for building themes for Kendo UI",
|
|
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": [
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"directories": {
|
|
47
47
|
"doc": "docs"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "ced73fbd794aefd7ed9b0767f0567feb81f924cb"
|
|
50
50
|
}
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
// Hover state
|
|
40
|
-
.k-table-row:is(:hover, .k-hover),
|
|
41
|
-
.k-master-row:is(:hover, .k-hover) {
|
|
40
|
+
:where(.k-grid-container) .k-table-row:is(:hover, .k-hover),
|
|
41
|
+
:where(.k-grid-container) .k-master-row:is(:hover, .k-hover) {
|
|
42
42
|
color: $kendo-grid-hover-text;
|
|
43
43
|
background-color: $kendo-grid-hover-bg;
|
|
44
44
|
}
|
|
@@ -57,10 +57,6 @@
|
|
|
57
57
|
padding-block: $_item-padding-y;
|
|
58
58
|
padding-inline: $_item-padding-x;
|
|
59
59
|
}
|
|
60
|
-
|
|
61
|
-
.k-item-actions {
|
|
62
|
-
margin-inline-end: calc( #{$_item-padding-x} / 2 );
|
|
63
|
-
}
|
|
64
60
|
}
|
|
65
61
|
|
|
66
62
|
:is(&.k-tabstrip-left, &.k-tabstrip-right):is(.k-tabstrip-scrollable-overlay) :is(.k-tabstrip-items-wrapper){
|
|
@@ -108,7 +104,8 @@
|
|
|
108
104
|
.k-tabstrip-item,
|
|
109
105
|
.k-item {
|
|
110
106
|
margin: 0;
|
|
111
|
-
padding: 0;
|
|
107
|
+
padding-block: 0;
|
|
108
|
+
padding-inline: $kendo-tabstrip-item-spacing-x;
|
|
112
109
|
border: $kendo-tabstrip-item-border-width solid transparent;
|
|
113
110
|
position: relative;
|
|
114
111
|
flex-shrink: 0;
|
|
@@ -501,7 +498,9 @@
|
|
|
501
498
|
.k-tabstrip-item,
|
|
502
499
|
.k-item {
|
|
503
500
|
@include border-top-radius( $kendo-tabstrip-item-border-radius );
|
|
504
|
-
|
|
501
|
+
margin-block-end: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
502
|
+
border-block-end-width: $kendo-tabstrip-border-width;
|
|
503
|
+
border-block-end-color: transparent;
|
|
505
504
|
|
|
506
505
|
.k-link {
|
|
507
506
|
justify-content: center;
|
|
@@ -511,8 +510,6 @@
|
|
|
511
510
|
.k-tabstrip-item.k-active,
|
|
512
511
|
.k-item:active,
|
|
513
512
|
.k-item.k-active {
|
|
514
|
-
margin-block-end: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
515
|
-
border-block-end-width: $kendo-tabstrip-border-width;
|
|
516
513
|
border-block-end-color: transparent !important; // stylelint-disable-line declaration-no-important
|
|
517
514
|
}
|
|
518
515
|
}
|
|
@@ -531,7 +528,9 @@
|
|
|
531
528
|
.k-tabstrip-item,
|
|
532
529
|
.k-item {
|
|
533
530
|
@include border-bottom-radius( $kendo-tabstrip-item-border-radius );
|
|
534
|
-
|
|
531
|
+
margin-block-start: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
532
|
+
border-block-start-width: $kendo-tabstrip-border-width;
|
|
533
|
+
border-block-start-color: transparent;
|
|
535
534
|
|
|
536
535
|
.k-link {
|
|
537
536
|
justify-content: center;
|
|
@@ -541,8 +540,6 @@
|
|
|
541
540
|
.k-tabstrip-item.k-active,
|
|
542
541
|
.k-item:active,
|
|
543
542
|
.k-item.k-active {
|
|
544
|
-
margin-block-start: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
545
|
-
border-block-start-width: $kendo-tabstrip-border-width;
|
|
546
543
|
border-block-start-color: transparent !important; // stylelint-disable-line declaration-no-important
|
|
547
544
|
}
|
|
548
545
|
}
|
|
@@ -563,14 +560,14 @@
|
|
|
563
560
|
.k-tabstrip-item,
|
|
564
561
|
.k-item {
|
|
565
562
|
border-radius: $kendo-tabstrip-item-border-radius 0 0 $kendo-tabstrip-item-border-radius;
|
|
566
|
-
|
|
563
|
+
margin-right: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
564
|
+
border-right-width: $kendo-tabstrip-border-width;
|
|
565
|
+
border-right-color: transparent;
|
|
567
566
|
}
|
|
568
567
|
.k-tabstrip-item:active,
|
|
569
568
|
.k-tabstrip-item.k-active,
|
|
570
569
|
.k-item:active,
|
|
571
570
|
.k-item.k-active {
|
|
572
|
-
margin-right: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
573
|
-
border-right-width: $kendo-tabstrip-border-width;
|
|
574
571
|
border-right-color: transparent !important; // stylelint-disable-line declaration-no-important
|
|
575
572
|
}
|
|
576
573
|
}
|
|
@@ -592,15 +589,15 @@
|
|
|
592
589
|
.k-tabstrip-item,
|
|
593
590
|
.k-item {
|
|
594
591
|
border-radius: 0 $kendo-tabstrip-item-border-radius $kendo-tabstrip-item-border-radius 0;
|
|
595
|
-
|
|
592
|
+
margin-left: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
593
|
+
border-left-width: $kendo-tabstrip-border-width;
|
|
594
|
+
border-left-color: transparent;
|
|
596
595
|
}
|
|
597
596
|
|
|
598
597
|
.k-tabstrip-item:active,
|
|
599
598
|
.k-tabstrip-item.k-active,
|
|
600
599
|
.k-item:active,
|
|
601
600
|
.k-item.k-active {
|
|
602
|
-
margin-left: if( $kendo-tabstrip-border-width, calc( -1 * $kendo-tabstrip-border-width ), null );
|
|
603
|
-
border-left-width: $kendo-tabstrip-border-width;
|
|
604
601
|
border-left-color: transparent !important; // stylelint-disable-line declaration-no-important
|
|
605
602
|
}
|
|
606
603
|
}
|
|
@@ -29,6 +29,7 @@ $kendo-tabstrip-border: null !default;
|
|
|
29
29
|
$kendo-tabstrip-item-border-width: null !default;
|
|
30
30
|
$kendo-tabstrip-item-border-radius: null !default;
|
|
31
31
|
$kendo-tabstrip-item-gap: null !default;
|
|
32
|
+
$kendo-tabstrip-item-spacing-x: null !default;
|
|
32
33
|
$kendo-tabstrip-sm-item-padding-x: null !default;
|
|
33
34
|
$kendo-tabstrip-sm-item-padding-y: null !default;
|
|
34
35
|
$kendo-tabstrip-md-item-padding-x: null !default;
|
|
@@ -233,8 +233,8 @@
|
|
|
233
233
|
|
|
234
234
|
&.k-toolbar-scrollable-overlay .k-toolbar-items-scroll:only-child,
|
|
235
235
|
.k-toolbar-items-scroll:not(:only-child) {
|
|
236
|
-
padding-inline-end:
|
|
237
|
-
margin-inline-end:
|
|
236
|
+
padding-inline-end: $_padding-x;
|
|
237
|
+
margin-inline-end: calc( #{$_padding-x} * -1 );
|
|
238
238
|
}
|
|
239
239
|
|
|
240
240
|
}
|