@progress/kendo-theme-fluent 10.1.0-dev.3 → 10.1.0-dev.4

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.
@@ -69,13 +69,14 @@
69
69
  // Time list highlight
70
70
  .k-time-highlight,
71
71
  .k-time-list-highlight {
72
+ --INTERNAL--kendo-time-list-title-height: var( --kendo-time-list-title-height, #{$kendo-time-list-title-height} );
72
73
  width: 100%;
73
74
  height: var( --kendo-time-list-highlight-height, $kendo-time-list-highlight-height );
74
75
  border-width: var( --kendo-time-list-highlight-border-width, $kendo-time-list-highlight-border-width );
75
76
  border-style: solid;
76
77
  box-sizing: border-box;
77
78
  position: absolute;
78
- top: calc( 50% + var( --kendo-time-list-title-height, #{$kendo-time-list-title-height} ) / 2);
79
+ top: calc( 50% + var( --INTERNAL--kendo-time-list-title-height ) / 2);
79
80
  left: 0;
80
81
  right: 0;
81
82
  transform: translateY(-50%);
@@ -109,20 +110,21 @@
109
110
  &.k-focus {
110
111
  &::before,
111
112
  &::after {
113
+ --INTERNAL--kendo-time-list-title-highlight-height: var( --kendo-time-list-highlight-height, #{$kendo-time-list-highlight-height} );
112
114
  display: block;
113
115
  content: "\200b";
114
116
  position: absolute;
115
117
  width: 100%;
116
118
  left: 0;
117
119
  pointer-events: none;
118
- height: calc( 50% - ( var( --kendo-time-list-highlight-height, #{$kendo-time-list-highlight-height} ) / 2) );
120
+ height: calc( 50% - ( var( --INTERNAL--kendo-time-list-title-highlight-height ) / 2) );
119
121
  box-sizing: border-box;
120
122
  border-width: 0;
121
123
  border-style: solid;
122
124
  }
123
125
 
124
126
  &::before {
125
- top: calc( var( --kendo-time-list-title-height, #{$kendo-time-list-title-height} ) );
127
+ top: var( --kendo-time-list-title-height, #{$kendo-time-list-title-height} ) ;
126
128
  }
127
129
 
128
130
  &::after {
@@ -195,6 +197,7 @@
195
197
 
196
198
  // Time separator
197
199
  .k-time-separator {
200
+ --INTERNAL--kendo-time-list-title-height: var( --kendo-time-list-title-height, #{$kendo-time-list-title-height} );
198
201
  width: 0;
199
202
  height: var( --kendo-time-list-highlight-height, $kendo-time-list-highlight-height );
200
203
  align-self: center;
@@ -203,7 +206,7 @@
203
206
  align-items: center;
204
207
  position: relative;
205
208
  z-index: 11;
206
- top: calc( var( --kendo-time-list-title-height, #{$kendo-time-list-title-height} ) / 2);
209
+ top: calc( var( --INTERNAL--kendo-time-list-title-height ) / 2);
207
210
  }
208
211
 
209
212
 
@@ -110,12 +110,6 @@
110
110
  gap: inherit;
111
111
  }
112
112
 
113
- // Angular specific
114
- .k-toolbar-renderer {
115
- display: inline-block;
116
- border-color: inherit;
117
- }
118
-
119
113
  // Toolbar sizes
120
114
  @each $size, $size-props in $kendo-toolbar-sizes {
121
115
  $_padding-x: map.get( $size-props, padding-x );