@progress/kendo-theme-bootstrap 7.2.1-dev.0 → 7.2.1-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 +4 -0
- package/dist/all.scss +183 -7
- package/dist/meta/sassdoc-data.json +27621 -23013
- package/dist/meta/sassdoc-raw-data.json +4664 -2536
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +5 -5
- package/scss/slider/_variables.scss +70 -0
- package/scss/timeline/_variables.scss +101 -0
package/dist/all.css
CHANGED
|
@@ -47760,6 +47760,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
|
47760
47760
|
display: inline-flex;
|
|
47761
47761
|
}
|
|
47762
47762
|
|
|
47763
|
+
.k-gantt .k-gantt-splitter {
|
|
47764
|
+
border-width: 0;
|
|
47765
|
+
}
|
|
47766
|
+
|
|
47763
47767
|
.k-gantt .k-treelist-scrollable {
|
|
47764
47768
|
width: 100%;
|
|
47765
47769
|
border-width: 0;
|
package/dist/all.scss
CHANGED
|
@@ -10730,43 +10730,43 @@ $kendo-utils: (
|
|
|
10730
10730
|
// #region @import "./_zindex.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/layout/_zindex.scss
|
|
10731
10731
|
/// This is equivalent to `z-index: 0;`.
|
|
10732
10732
|
/// @example z-index: 0;
|
|
10733
|
-
/// @name .k-
|
|
10733
|
+
/// @name .k-z-0
|
|
10734
10734
|
/// @group zindex
|
|
10735
10735
|
/// @contextType css
|
|
10736
10736
|
|
|
10737
10737
|
/// This is equivalent to `z-index: 10;`.
|
|
10738
10738
|
/// @example z-index: 10;
|
|
10739
|
-
/// @name .k-
|
|
10739
|
+
/// @name .k-z-10
|
|
10740
10740
|
/// @group zindex
|
|
10741
10741
|
/// @contextType css
|
|
10742
10742
|
|
|
10743
10743
|
/// This is equivalent to `z-index: 20;`.
|
|
10744
10744
|
/// @example z-index: 20;
|
|
10745
|
-
/// @name .k-
|
|
10745
|
+
/// @name .k-z-20
|
|
10746
10746
|
/// @group zindex
|
|
10747
10747
|
/// @contextType css
|
|
10748
10748
|
|
|
10749
10749
|
/// This is equivalent to `z-index: 30;`.
|
|
10750
10750
|
/// @example z-index: 30;
|
|
10751
|
-
/// @name .k-
|
|
10751
|
+
/// @name .k-z-30
|
|
10752
10752
|
/// @group zindex
|
|
10753
10753
|
/// @contextType css
|
|
10754
10754
|
|
|
10755
10755
|
/// This is equivalent to `z-index: 40;`.
|
|
10756
10756
|
/// @example z-index: 40;
|
|
10757
|
-
/// @name .k-
|
|
10757
|
+
/// @name .k-z-40
|
|
10758
10758
|
/// @group zindex
|
|
10759
10759
|
/// @contextType css
|
|
10760
10760
|
|
|
10761
10761
|
/// This is equivalent to `z-index: 50;`.
|
|
10762
10762
|
/// @example z-index: 50;
|
|
10763
|
-
/// @name .k-
|
|
10763
|
+
/// @name .k-z-50
|
|
10764
10764
|
/// @group zindex
|
|
10765
10765
|
/// @contextType css
|
|
10766
10766
|
|
|
10767
10767
|
/// This is equivalent to `z-index: auto;`.
|
|
10768
10768
|
/// @example z-index: auto;
|
|
10769
|
-
/// @name .k-
|
|
10769
|
+
/// @name .k-z-auto
|
|
10770
10770
|
/// @group zindex
|
|
10771
10771
|
/// @contextType css
|
|
10772
10772
|
|
|
@@ -30322,49 +30322,119 @@ $_kendo-module-meta: (
|
|
|
30322
30322
|
|
|
30323
30323
|
|
|
30324
30324
|
// Slider
|
|
30325
|
+
/// The default size of the Slider.
|
|
30326
|
+
/// @group slider
|
|
30325
30327
|
$kendo-slider-size: 200px !default;
|
|
30328
|
+
/// The default size of the Slider tick.
|
|
30329
|
+
/// @group slider
|
|
30326
30330
|
$kendo-slider-tick-size: null !default;
|
|
30331
|
+
/// The default size of the Slider's track wrap.
|
|
30332
|
+
/// @group slider
|
|
30327
30333
|
$kendo-slider-alt-size: 30px !default;
|
|
30328
30334
|
|
|
30335
|
+
/// The font family of the Slider.
|
|
30336
|
+
/// @group slider
|
|
30329
30337
|
$kendo-slider-font-family: $kendo-font-family !default;
|
|
30338
|
+
/// The font size of the Slider.
|
|
30339
|
+
/// @group slider
|
|
30330
30340
|
$kendo-slider-font-size: $kendo-font-size-md !default;
|
|
30341
|
+
/// The line height of the Slider.
|
|
30342
|
+
/// @group slider
|
|
30331
30343
|
$kendo-slider-line-height: $kendo-line-height-md !default;
|
|
30332
30344
|
|
|
30345
|
+
/// The offset of the Slider Buttons.
|
|
30346
|
+
/// @group slider
|
|
30333
30347
|
$kendo-slider-button-offset: 10px !default;
|
|
30348
|
+
/// The size of the Slider Buttons.
|
|
30349
|
+
/// @group slider
|
|
30334
30350
|
$kendo-slider-button-size: ($kendo-slider-alt-size - 2) !default;
|
|
30351
|
+
/// The spacing of the Slider Buttons.
|
|
30352
|
+
/// @group slider
|
|
30335
30353
|
$kendo-slider-button-spacing: ($kendo-slider-button-size + $kendo-slider-button-offset) !default;
|
|
30354
|
+
/// The shadow of the focused Slider Buttons.
|
|
30355
|
+
/// @group slider
|
|
30336
30356
|
$kendo-slider-button-focus-shadow: $kendo-button-focus-shadow !default;
|
|
30337
30357
|
|
|
30358
|
+
/// The thickness of the Slider track.
|
|
30359
|
+
/// @group slider
|
|
30338
30360
|
$kendo-slider-track-thickness: 4px !default;
|
|
30361
|
+
/// The size of the Slider drag handle.
|
|
30362
|
+
/// @group slider
|
|
30339
30363
|
$kendo-slider-draghandle-size: 14px !default;
|
|
30364
|
+
/// The border width of the Slider drag handle.
|
|
30365
|
+
/// @group slider
|
|
30340
30366
|
$kendo-slider-draghandle-border-width: 1px !default;
|
|
30367
|
+
/// The transition scale of the active Slider drag handle.
|
|
30368
|
+
/// @group slider
|
|
30341
30369
|
$kendo-slider-draghandle-active-scale: 1 !default;
|
|
30370
|
+
/// The size of the active Slider drag handle.
|
|
30371
|
+
/// @group slider
|
|
30342
30372
|
$kendo-slider-draghandle-active-size: null !default;
|
|
30343
30373
|
|
|
30374
|
+
/// The background color of the Slider drag handle.
|
|
30375
|
+
/// @group slider
|
|
30344
30376
|
$kendo-slider-draghandle-bg: $kendo-color-primary !default;
|
|
30377
|
+
/// The text color of the Slider drag handle.
|
|
30378
|
+
/// @group slider
|
|
30345
30379
|
$kendo-slider-draghandle-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
30380
|
+
/// The border color of the Slider drag handle.
|
|
30381
|
+
/// @group slider
|
|
30346
30382
|
$kendo-slider-draghandle-border: $kendo-color-primary !default;
|
|
30383
|
+
/// The gradient of the Slider drag handle.
|
|
30384
|
+
/// @group slider
|
|
30347
30385
|
$kendo-slider-draghandle-gradient: null !default;
|
|
30348
30386
|
|
|
30387
|
+
/// The background color of the hovered Slider drag handle.
|
|
30388
|
+
/// @group slider
|
|
30349
30389
|
$kendo-slider-draghandle-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-darken( $kendo-color-primary, 7.5% )) !default;
|
|
30390
|
+
/// The text color of the hovered Slider drag handle.
|
|
30391
|
+
/// @group slider
|
|
30350
30392
|
$kendo-slider-draghandle-hover-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
30393
|
+
/// The border color of the hovered Slider drag handle.
|
|
30394
|
+
/// @group slider
|
|
30351
30395
|
$kendo-slider-draghandle-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), k-try-darken( $kendo-color-primary, 10% )) !default;
|
|
30396
|
+
/// The gradient of the hovered Slider drag handle.
|
|
30397
|
+
/// @group slider
|
|
30352
30398
|
$kendo-slider-draghandle-hover-gradient: null !default;
|
|
30353
30399
|
|
|
30400
|
+
/// The background color of the active Slider drag handle.
|
|
30401
|
+
/// @group slider
|
|
30354
30402
|
$kendo-slider-draghandle-pressed-bg: if($kendo-enable-color-system, k-color( primary-active ), k-try-darken( $kendo-color-primary, 10% )) !default;
|
|
30403
|
+
/// The text color of the active Slider drag handle.
|
|
30404
|
+
/// @group slider
|
|
30355
30405
|
$kendo-slider-draghandle-pressed-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
30406
|
+
/// The border color of the active Slider drag handle.
|
|
30407
|
+
/// @group slider
|
|
30356
30408
|
$kendo-slider-draghandle-pressed-border: if($kendo-enable-color-system, k-color( primary-active ), k-try-darken( $kendo-color-primary, 12.5% )) !default;
|
|
30409
|
+
/// The gradient of the active Slider drag handle.
|
|
30410
|
+
/// @group slider
|
|
30357
30411
|
$kendo-slider-draghandle-pressed-gradient: null !default;
|
|
30358
30412
|
|
|
30413
|
+
/// The shadow of the focused Slider drag handle.
|
|
30414
|
+
/// @group slider
|
|
30359
30415
|
$kendo-slider-draghandle-focus-shadow: 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .5 ), rgba( $kendo-color-primary, .5 )) !default;
|
|
30360
30416
|
|
|
30417
|
+
/// The transition speed of the Slider.
|
|
30418
|
+
/// @group slider
|
|
30361
30419
|
$kendo-slider-transition-speed: .3s !default;
|
|
30420
|
+
/// The transition function of the Slider.
|
|
30421
|
+
/// @group slider
|
|
30362
30422
|
$kendo-slider-transition-function: ease-out !default;
|
|
30423
|
+
/// The transition speed of the Slider drag handle.
|
|
30424
|
+
/// @group slider
|
|
30363
30425
|
$kendo-slider-draghandle-transition-speed: .4s !default;
|
|
30426
|
+
/// The transition function of the Slider drag handle.
|
|
30427
|
+
/// @group slider
|
|
30364
30428
|
$kendo-slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
|
|
30365
30429
|
|
|
30430
|
+
/// The background color of the Slider track.
|
|
30431
|
+
/// @group slider
|
|
30366
30432
|
$kendo-slider-track-bg: $gray-200 !default;
|
|
30433
|
+
/// The background color of the Slider's track selection.
|
|
30434
|
+
/// @group slider
|
|
30367
30435
|
$kendo-slider-selection-bg: $kendo-selected-bg !default;
|
|
30436
|
+
/// @group slider
|
|
30437
|
+
/// The opacity of the disabled Slider.
|
|
30368
30438
|
$kendo-slider-disabled-opacity: null !default;
|
|
30369
30439
|
|
|
30370
30440
|
// #endregion
|
|
@@ -56396,6 +56466,11 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
56396
56466
|
display: inline-flex;
|
|
56397
56467
|
}
|
|
56398
56468
|
|
|
56469
|
+
// Splitter
|
|
56470
|
+
.k-gantt-splitter {
|
|
56471
|
+
border-width: 0;
|
|
56472
|
+
}
|
|
56473
|
+
|
|
56399
56474
|
// React gantt
|
|
56400
56475
|
.k-treelist-scrollable {
|
|
56401
56476
|
width: 100%;
|
|
@@ -60174,70 +60249,171 @@ $_kendo-module-meta: (
|
|
|
60174
60249
|
// Component
|
|
60175
60250
|
// #region @import "./_variables.scss"; -> scss/timeline/_variables.scss
|
|
60176
60251
|
// Timeline
|
|
60252
|
+
|
|
60253
|
+
/// The horizontal spacing of the Timeline.
|
|
60254
|
+
/// @group timeline
|
|
60177
60255
|
$kendo-timeline-spacing-x: 40px !default;
|
|
60256
|
+
/// The vertical spacing of the Timeline.
|
|
60257
|
+
/// @group timeline
|
|
60178
60258
|
$kendo-timeline-spacing-y: 40px !default;
|
|
60259
|
+
/// The padding between the Timeline's track items.
|
|
60260
|
+
/// @group timeline
|
|
60179
60261
|
$kendo-timeline-items-padding: $kendo-padding-md-x !default;
|
|
60180
60262
|
|
|
60263
|
+
/// The font family of the Timeline.
|
|
60264
|
+
/// @group timeline
|
|
60181
60265
|
$kendo-timeline-font-family: $kendo-font-family !default;
|
|
60266
|
+
/// The font size of the Timeline.
|
|
60267
|
+
/// @group timeline
|
|
60182
60268
|
$kendo-timeline-font-size: $kendo-font-size-md !default;
|
|
60269
|
+
/// The line height of the Timeline.
|
|
60270
|
+
/// @group timeline
|
|
60183
60271
|
$kendo-timeline-line-height: $kendo-line-height-md !default;
|
|
60184
60272
|
|
|
60273
|
+
/// The horizontal spacing of the mobile Timeline.
|
|
60274
|
+
/// @group timeline
|
|
60185
60275
|
$kendo-timeline-mobile-spacing-x: $kendo-padding-md-x !default;
|
|
60276
|
+
/// The vertical spacing of the mobile Timeline.
|
|
60277
|
+
/// @group timeline
|
|
60186
60278
|
$kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
|
|
60187
60279
|
|
|
60280
|
+
/// The width of the Timeline track arrow.
|
|
60281
|
+
/// @group timeline
|
|
60188
60282
|
$kendo-timeline-track-arrow-width: 38px !default;
|
|
60283
|
+
/// The height of the Timeline track arrow.
|
|
60284
|
+
/// @group timeline
|
|
60189
60285
|
$kendo-timeline-track-arrow-height: 38px !default;
|
|
60190
60286
|
|
|
60287
|
+
/// The background color of the disabled Timeline track arrow.
|
|
60288
|
+
/// @group timeline
|
|
60191
60289
|
$kendo-timeline-track-arrow-disabled-bg: if($kendo-enable-color-system, rgba( k-color( base-subtle, true ), .65 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% )) !default;
|
|
60290
|
+
/// The text color of the disabled Timeline track arrow.
|
|
60291
|
+
/// @group timeline
|
|
60192
60292
|
$kendo-timeline-track-arrow-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .65 ), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% )) !default;
|
|
60293
|
+
/// The border color of the disabled Timeline track arrow.
|
|
60294
|
+
/// @group timeline
|
|
60193
60295
|
$kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( $kendo-button-border, $kendo-body-bg, 65% )) !default;
|
|
60194
60296
|
|
|
60297
|
+
/// The size of the Timeline track.
|
|
60298
|
+
/// @group timeline
|
|
60195
60299
|
$kendo-timeline-track-size: 6px !default;
|
|
60300
|
+
/// The bottom padding of the Timeline's track wrapper.
|
|
60301
|
+
/// @group timeline
|
|
60196
60302
|
$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
|
|
60303
|
+
/// The border width of the Timeline track.
|
|
60304
|
+
/// @group timeline
|
|
60197
60305
|
$kendo-timeline-track-border-width: 1px !default;
|
|
60306
|
+
/// The bottom margin of the Timeline track.
|
|
60307
|
+
/// @group timeline
|
|
60198
60308
|
$kendo-timeline-track-margin-bottom: k-map-get( $kendo-spacing, 4 ) !default;
|
|
60309
|
+
/// The bottom offset of the Timeline track.
|
|
60310
|
+
/// @group timeline
|
|
60199
60311
|
$kendo-timeline-track-bottom-calc: calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
|
|
60312
|
+
/// The left offset of the Timeline track.
|
|
60313
|
+
/// @group timeline
|
|
60200
60314
|
$kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
|
|
60315
|
+
/// The right offset of the Timeline track.
|
|
60316
|
+
/// @group timeline
|
|
60201
60317
|
$kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
|
|
60318
|
+
/// The background color of the Timeline track.
|
|
60319
|
+
/// @group timeline
|
|
60202
60320
|
$kendo-timeline-track-bg: $kendo-button-bg !default;
|
|
60321
|
+
/// The border color of the Timeline track.
|
|
60322
|
+
/// @group timeline
|
|
60203
60323
|
$kendo-timeline-track-border-color: $kendo-timeline-track-bg !default;
|
|
60204
60324
|
|
|
60325
|
+
/// The shadow of the Timeline's focused track items.
|
|
60326
|
+
/// @group timeline
|
|
60205
60327
|
$kendo-timeline-track-item-focus-shadow: k-elevation(2) !default;
|
|
60206
60328
|
|
|
60329
|
+
/// The offset of the Timeline track event.
|
|
60330
|
+
/// @group timeline
|
|
60207
60331
|
$kendo-timeline-track-event-offset: 36px !default;
|
|
60208
60332
|
|
|
60333
|
+
/// The horizontal padding of the Timeline flag.
|
|
60334
|
+
/// @group timeline
|
|
60209
60335
|
$kendo-timeline-flag-padding-x: $kendo-button-padding-x !default;
|
|
60336
|
+
/// The vertical padding of the Timeline flag.
|
|
60337
|
+
/// @group timeline
|
|
60210
60338
|
$kendo-timeline-flag-padding-y: $kendo-button-padding-y !default;
|
|
60339
|
+
/// The line height of the Timeline flag.
|
|
60340
|
+
/// @group timeline
|
|
60211
60341
|
$kendo-timeline-flag-line-height: $kendo-button-line-height !default;
|
|
60342
|
+
/// The minimum width of the Timeline flag.
|
|
60343
|
+
/// @group timeline
|
|
60212
60344
|
$kendo-timeline-flag-min-width: 80px !default;
|
|
60345
|
+
/// The maximum width of the Timeline flag.
|
|
60346
|
+
/// @group timeline
|
|
60213
60347
|
$kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-spacing-x}) !default;
|
|
60348
|
+
/// The maximum width of the mobile Timeline flag.
|
|
60349
|
+
/// @group timeline
|
|
60214
60350
|
$kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
|
|
60351
|
+
/// The minimum width of the horizontal Timeline flag.
|
|
60352
|
+
/// @group timeline
|
|
60215
60353
|
$kendo-timeline-horizontal-flag-min-width: 80px !default;
|
|
60354
|
+
/// The background color of the Timeline flag.
|
|
60355
|
+
/// @group timeline
|
|
60216
60356
|
$kendo-timeline-flag-bg: $kendo-color-primary !default;
|
|
60357
|
+
/// The text color of the Timeline flag.
|
|
60358
|
+
/// @group timeline
|
|
60217
60359
|
$kendo-timeline-flag-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-timeline-flag-bg )) !default;
|
|
60218
60360
|
|
|
60361
|
+
/// The width of the Timeline's flag callout.
|
|
60362
|
+
/// @group timeline
|
|
60219
60363
|
$kendo-timeline-flag-callout-width: 10px !default;
|
|
60364
|
+
/// The height of the Timeline's flag callout.
|
|
60365
|
+
/// @group timeline
|
|
60220
60366
|
$kendo-timeline-flag-callout-height: 10px !default;
|
|
60221
60367
|
|
|
60368
|
+
/// The bottom offset of the Timeline flag.
|
|
60369
|
+
/// @group timeline
|
|
60222
60370
|
$kendo-timeline-flag-offset-bottom: 4px !default;
|
|
60371
|
+
/// The bottom margin of the Timeline flag.
|
|
60372
|
+
/// @group timeline
|
|
60223
60373
|
$kendo-timeline-flag-margin-bottom-calc: calc(#{$kendo-timeline-track-size} + 2 * #{$kendo-timeline-track-border-width} + #{$kendo-timeline-flag-offset-bottom} + #{$kendo-timeline-flag-callout-height}) !default;
|
|
60224
60374
|
|
|
60375
|
+
/// The width of the Timeline date.
|
|
60376
|
+
/// @group timeline
|
|
60225
60377
|
$kendo-timeline-date-width: 50px !default;
|
|
60378
|
+
/// The bottom margin of the Timeline date.
|
|
60379
|
+
/// @group timeline
|
|
60226
60380
|
$kendo-timeline-date-margin-bottom: 10px !default;
|
|
60227
60381
|
|
|
60382
|
+
/// The padding of the vertical Timeline.
|
|
60383
|
+
/// @group timeline
|
|
60228
60384
|
$kendo-timeline-vertical-padding-calc: calc(#{$kendo-timeline-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
|
|
60385
|
+
/// The padding of the vertical Timeline date.
|
|
60386
|
+
/// @group timeline
|
|
60229
60387
|
$kendo-timeline-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
|
|
60388
|
+
/// The padding of the vertical mobile Timeline.
|
|
60389
|
+
/// @group timeline
|
|
60230
60390
|
$kendo-timeline-mobile-vertical-padding-calc: calc(#{$kendo-timeline-mobile-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
|
|
60391
|
+
/// The padding of the vertical mobile Timeline date.
|
|
60392
|
+
/// @group timeline
|
|
60231
60393
|
$kendo-timeline-mobile-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-mobile-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
|
|
60232
60394
|
|
|
60395
|
+
/// The width of the Timeline circle.
|
|
60396
|
+
/// @group timeline
|
|
60233
60397
|
$kendo-timeline-circle-width: 16px !default;
|
|
60398
|
+
/// The height of the Timeline circle.
|
|
60399
|
+
/// @group timeline
|
|
60234
60400
|
$kendo-timeline-circle-height: 16px !default;
|
|
60401
|
+
/// The background color of the Timeline circle.
|
|
60402
|
+
/// @group timeline
|
|
60235
60403
|
$kendo-timeline-circle-bg: $kendo-color-primary !default;
|
|
60236
60404
|
|
|
60405
|
+
/// The horizontal padding of the Timeline collapse arrow.
|
|
60406
|
+
/// @group timeline
|
|
60237
60407
|
$kendo-timeline-collapse-arrow-padding-x: $kendo-padding-sm-x !default;
|
|
60238
60408
|
|
|
60409
|
+
/// The width of the Timeline event.
|
|
60410
|
+
/// @group timeline
|
|
60239
60411
|
$kendo-timeline-event-width: 400px !default;
|
|
60412
|
+
/// The height of the Timeline event.
|
|
60413
|
+
/// @group timeline
|
|
60240
60414
|
$kendo-timeline-event-height: 600px !default;
|
|
60415
|
+
/// The minimum height of the Timeline event.
|
|
60416
|
+
/// @group timeline
|
|
60241
60417
|
$kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-offset} - #{$kendo-card-border-width})) !default;
|
|
60242
60418
|
|
|
60243
60419
|
// #endregion
|