@progress/kendo-theme-classic 7.2.1-dev.1 → 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 +28092 -23484
- package/dist/meta/sassdoc-raw-data.json +4633 -2505
- 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 +5 -5
- package/scss/slider/_variables.scss +70 -0
- package/scss/timeline/_variables.scss +101 -0
package/dist/all.css
CHANGED
|
@@ -47540,6 +47540,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
|
47540
47540
|
display: inline-flex;
|
|
47541
47541
|
}
|
|
47542
47542
|
|
|
47543
|
+
.k-gantt .k-gantt-splitter {
|
|
47544
|
+
border-width: 0;
|
|
47545
|
+
}
|
|
47546
|
+
|
|
47543
47547
|
.k-gantt .k-treelist-scrollable {
|
|
47544
47548
|
width: 100%;
|
|
47545
47549
|
border-width: 0;
|
package/dist/all.scss
CHANGED
|
@@ -8858,43 +8858,43 @@ $kendo-utils: (
|
|
|
8858
8858
|
// #region @import "./_zindex.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/layout/_zindex.scss
|
|
8859
8859
|
/// This is equivalent to `z-index: 0;`.
|
|
8860
8860
|
/// @example z-index: 0;
|
|
8861
|
-
/// @name .k-
|
|
8861
|
+
/// @name .k-z-0
|
|
8862
8862
|
/// @group zindex
|
|
8863
8863
|
/// @contextType css
|
|
8864
8864
|
|
|
8865
8865
|
/// This is equivalent to `z-index: 10;`.
|
|
8866
8866
|
/// @example z-index: 10;
|
|
8867
|
-
/// @name .k-
|
|
8867
|
+
/// @name .k-z-10
|
|
8868
8868
|
/// @group zindex
|
|
8869
8869
|
/// @contextType css
|
|
8870
8870
|
|
|
8871
8871
|
/// This is equivalent to `z-index: 20;`.
|
|
8872
8872
|
/// @example z-index: 20;
|
|
8873
|
-
/// @name .k-
|
|
8873
|
+
/// @name .k-z-20
|
|
8874
8874
|
/// @group zindex
|
|
8875
8875
|
/// @contextType css
|
|
8876
8876
|
|
|
8877
8877
|
/// This is equivalent to `z-index: 30;`.
|
|
8878
8878
|
/// @example z-index: 30;
|
|
8879
|
-
/// @name .k-
|
|
8879
|
+
/// @name .k-z-30
|
|
8880
8880
|
/// @group zindex
|
|
8881
8881
|
/// @contextType css
|
|
8882
8882
|
|
|
8883
8883
|
/// This is equivalent to `z-index: 40;`.
|
|
8884
8884
|
/// @example z-index: 40;
|
|
8885
|
-
/// @name .k-
|
|
8885
|
+
/// @name .k-z-40
|
|
8886
8886
|
/// @group zindex
|
|
8887
8887
|
/// @contextType css
|
|
8888
8888
|
|
|
8889
8889
|
/// This is equivalent to `z-index: 50;`.
|
|
8890
8890
|
/// @example z-index: 50;
|
|
8891
|
-
/// @name .k-
|
|
8891
|
+
/// @name .k-z-50
|
|
8892
8892
|
/// @group zindex
|
|
8893
8893
|
/// @contextType css
|
|
8894
8894
|
|
|
8895
8895
|
/// This is equivalent to `z-index: auto;`.
|
|
8896
8896
|
/// @example z-index: auto;
|
|
8897
|
-
/// @name .k-
|
|
8897
|
+
/// @name .k-z-auto
|
|
8898
8898
|
/// @group zindex
|
|
8899
8899
|
/// @contextType css
|
|
8900
8900
|
|
|
@@ -28310,49 +28310,119 @@ $_kendo-module-meta: (
|
|
|
28310
28310
|
|
|
28311
28311
|
|
|
28312
28312
|
// Slider
|
|
28313
|
+
/// The default size of the Slider.
|
|
28314
|
+
/// @group slider
|
|
28313
28315
|
$kendo-slider-size: 200px !default;
|
|
28316
|
+
/// The default size of the Slider tick.
|
|
28317
|
+
/// @group slider
|
|
28314
28318
|
$kendo-slider-tick-size: null !default;
|
|
28319
|
+
/// The default size of the Slider's track wrap.
|
|
28320
|
+
/// @group slider
|
|
28315
28321
|
$kendo-slider-alt-size: 30px !default;
|
|
28316
28322
|
|
|
28323
|
+
/// The font family of the Slider.
|
|
28324
|
+
/// @group slider
|
|
28317
28325
|
$kendo-slider-font-family: $kendo-font-family !default;
|
|
28326
|
+
/// The font size of the Slider.
|
|
28327
|
+
/// @group slider
|
|
28318
28328
|
$kendo-slider-font-size: $kendo-font-size-md !default;
|
|
28329
|
+
/// The line height of the Slider.
|
|
28330
|
+
/// @group slider
|
|
28319
28331
|
$kendo-slider-line-height: $kendo-line-height-md !default;
|
|
28320
28332
|
|
|
28333
|
+
/// The offset of the Slider Buttons.
|
|
28334
|
+
/// @group slider
|
|
28321
28335
|
$kendo-slider-button-offset: 10px !default;
|
|
28336
|
+
/// The size of the Slider Buttons.
|
|
28337
|
+
/// @group slider
|
|
28322
28338
|
$kendo-slider-button-size: ($kendo-slider-alt-size - 2) !default;
|
|
28339
|
+
/// The spacing of the Slider Buttons.
|
|
28340
|
+
/// @group slider
|
|
28323
28341
|
$kendo-slider-button-spacing: ($kendo-slider-button-size + $kendo-slider-button-offset) !default;
|
|
28342
|
+
/// The shadow of the focused Slider Buttons.
|
|
28343
|
+
/// @group slider
|
|
28324
28344
|
$kendo-slider-button-focus-shadow: null !default;
|
|
28325
28345
|
|
|
28346
|
+
/// The thickness of the Slider track.
|
|
28347
|
+
/// @group slider
|
|
28326
28348
|
$kendo-slider-track-thickness: 4px !default;
|
|
28349
|
+
/// The size of the Slider drag handle.
|
|
28350
|
+
/// @group slider
|
|
28327
28351
|
$kendo-slider-draghandle-size: 14px !default;
|
|
28352
|
+
/// The border width of the Slider drag handle.
|
|
28353
|
+
/// @group slider
|
|
28328
28354
|
$kendo-slider-draghandle-border-width: 1px !default;
|
|
28355
|
+
/// The transition scale of the active Slider drag handle.
|
|
28356
|
+
/// @group slider
|
|
28329
28357
|
$kendo-slider-draghandle-active-scale: 1 !default;
|
|
28358
|
+
/// The size of the active Slider drag handle.
|
|
28359
|
+
/// @group slider
|
|
28330
28360
|
$kendo-slider-draghandle-active-size: null !default;
|
|
28331
28361
|
|
|
28362
|
+
/// The background color of the Slider drag handle.
|
|
28363
|
+
/// @group slider
|
|
28332
28364
|
$kendo-slider-draghandle-bg: $kendo-color-primary !default;
|
|
28365
|
+
/// The text color of the Slider drag handle.
|
|
28366
|
+
/// @group slider
|
|
28333
28367
|
$kendo-slider-draghandle-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-color-primary )) !default;
|
|
28368
|
+
/// The border color of the Slider drag handle.
|
|
28369
|
+
/// @group slider
|
|
28334
28370
|
$kendo-slider-draghandle-border: if($kendo-enable-color-system, k-color( primary ), k-try-shade( $kendo-color-primary, 2 )) !default;
|
|
28371
|
+
/// The gradient of the Slider drag handle.
|
|
28372
|
+
/// @group slider
|
|
28335
28373
|
$kendo-slider-draghandle-gradient: null !default;
|
|
28336
28374
|
|
|
28375
|
+
/// The background color of the hovered Slider drag handle.
|
|
28376
|
+
/// @group slider
|
|
28337
28377
|
$kendo-slider-draghandle-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-color-primary, 1 )) !default;
|
|
28378
|
+
/// The text color of the hovered Slider drag handle.
|
|
28379
|
+
/// @group slider
|
|
28338
28380
|
$kendo-slider-draghandle-hover-text: null !default;
|
|
28381
|
+
/// The border color of the hovered Slider drag handle.
|
|
28382
|
+
/// @group slider
|
|
28339
28383
|
$kendo-slider-draghandle-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-slider-draghandle-hover-bg, 2 )) !default;
|
|
28384
|
+
/// The gradient of the hovered Slider drag handle.
|
|
28385
|
+
/// @group slider
|
|
28340
28386
|
$kendo-slider-draghandle-hover-gradient: null !default;
|
|
28341
28387
|
|
|
28388
|
+
/// The background color of the active Slider drag handle.
|
|
28389
|
+
/// @group slider
|
|
28342
28390
|
$kendo-slider-draghandle-pressed-bg: if($kendo-enable-color-system, k-color( primary-active ), k-try-shade( $kendo-color-primary, 2 )) !default;
|
|
28391
|
+
/// The text color of the active Slider drag handle.
|
|
28392
|
+
/// @group slider
|
|
28343
28393
|
$kendo-slider-draghandle-pressed-text: null !default;
|
|
28394
|
+
/// The border color of the active Slider drag handle.
|
|
28395
|
+
/// @group slider
|
|
28344
28396
|
$kendo-slider-draghandle-pressed-border: if($kendo-enable-color-system, k-color( primary-active ), k-try-shade( $kendo-slider-draghandle-pressed-bg, 2 )) !default;
|
|
28397
|
+
/// The gradient of the active Slider drag handle.
|
|
28398
|
+
/// @group slider
|
|
28345
28399
|
$kendo-slider-draghandle-pressed-gradient: null !default;
|
|
28346
28400
|
|
|
28401
|
+
/// The shadow of the focused Slider drag handle.
|
|
28402
|
+
/// @group slider
|
|
28347
28403
|
$kendo-slider-draghandle-focus-shadow: 0 0 4px 0 if($kendo-enable-color-system, rgba( k-color( primary, true ), .75 ), rgba( $kendo-slider-draghandle-border, .75 )) !default;
|
|
28348
28404
|
|
|
28405
|
+
/// The transition speed of the Slider.
|
|
28406
|
+
/// @group slider
|
|
28349
28407
|
$kendo-slider-transition-speed: .3s !default;
|
|
28408
|
+
/// The transition function of the Slider.
|
|
28409
|
+
/// @group slider
|
|
28350
28410
|
$kendo-slider-transition-function: ease-out !default;
|
|
28411
|
+
/// The transition speed of the Slider drag handle.
|
|
28412
|
+
/// @group slider
|
|
28351
28413
|
$kendo-slider-draghandle-transition-speed: .4s !default;
|
|
28414
|
+
/// The transition function of the Slider drag handle.
|
|
28415
|
+
/// @group slider
|
|
28352
28416
|
$kendo-slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !default;
|
|
28353
28417
|
|
|
28418
|
+
/// The background color of the Slider track.
|
|
28419
|
+
/// @group slider
|
|
28354
28420
|
$kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base ), k-try-shade( $kendo-component-bg, 1 )) !default;
|
|
28421
|
+
/// The background color of the Slider's track selection.
|
|
28422
|
+
/// @group slider
|
|
28355
28423
|
$kendo-slider-selection-bg: $kendo-color-primary !default;
|
|
28424
|
+
/// @group slider
|
|
28425
|
+
/// The opacity of the disabled Slider.
|
|
28356
28426
|
$kendo-slider-disabled-opacity: null !default;
|
|
28357
28427
|
|
|
28358
28428
|
// #endregion
|
|
@@ -53654,6 +53724,11 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
53654
53724
|
display: inline-flex;
|
|
53655
53725
|
}
|
|
53656
53726
|
|
|
53727
|
+
// Splitter
|
|
53728
|
+
.k-gantt-splitter {
|
|
53729
|
+
border-width: 0;
|
|
53730
|
+
}
|
|
53731
|
+
|
|
53657
53732
|
// React gantt
|
|
53658
53733
|
.k-treelist-scrollable {
|
|
53659
53734
|
width: 100%;
|
|
@@ -57402,70 +57477,171 @@ $_kendo-module-meta: (
|
|
|
57402
57477
|
// Component
|
|
57403
57478
|
// #region @import "./_variables.scss"; -> scss/timeline/_variables.scss
|
|
57404
57479
|
// Timeline
|
|
57480
|
+
|
|
57481
|
+
/// The horizontal spacing of the Timeline.
|
|
57482
|
+
/// @group timeline
|
|
57405
57483
|
$kendo-timeline-spacing-x: 40px !default;
|
|
57484
|
+
/// The vertical spacing of the Timeline.
|
|
57485
|
+
/// @group timeline
|
|
57406
57486
|
$kendo-timeline-spacing-y: 40px !default;
|
|
57487
|
+
/// The padding between the Timeline's track items.
|
|
57488
|
+
/// @group timeline
|
|
57407
57489
|
$kendo-timeline-items-padding: 16px !default;
|
|
57408
57490
|
|
|
57491
|
+
/// The font family of the Timeline.
|
|
57492
|
+
/// @group timeline
|
|
57409
57493
|
$kendo-timeline-font-family: $kendo-font-family !default;
|
|
57494
|
+
/// The font size of the Timeline.
|
|
57495
|
+
/// @group timeline
|
|
57410
57496
|
$kendo-timeline-font-size: $kendo-font-size-md !default;
|
|
57497
|
+
/// The line height of the Timeline.
|
|
57498
|
+
/// @group timeline
|
|
57411
57499
|
$kendo-timeline-line-height: $kendo-line-height-md !default;
|
|
57412
57500
|
|
|
57501
|
+
/// The horizontal spacing of the mobile Timeline.
|
|
57502
|
+
/// @group timeline
|
|
57413
57503
|
$kendo-timeline-mobile-spacing-x: 16px !default;
|
|
57504
|
+
/// The vertical spacing of the mobile Timeline.
|
|
57505
|
+
/// @group timeline
|
|
57414
57506
|
$kendo-timeline-mobile-spacing-y: 16px !default;
|
|
57415
57507
|
|
|
57508
|
+
/// The width of the Timeline track arrow.
|
|
57509
|
+
/// @group timeline
|
|
57416
57510
|
$kendo-timeline-track-arrow-width: 30px !default;
|
|
57511
|
+
/// The height of the Timeline track arrow.
|
|
57512
|
+
/// @group timeline
|
|
57417
57513
|
$kendo-timeline-track-arrow-height: 30px !default;
|
|
57418
57514
|
|
|
57515
|
+
/// The background color of the disabled Timeline track arrow.
|
|
57516
|
+
/// @group timeline
|
|
57419
57517
|
$kendo-timeline-track-arrow-disabled-bg: if($kendo-enable-color-system, rgba( k-color( base, true ), .6 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% )) !default;
|
|
57518
|
+
/// The text color of the disabled Timeline track arrow.
|
|
57519
|
+
/// @group timeline
|
|
57420
57520
|
$kendo-timeline-track-arrow-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% )) !default;
|
|
57521
|
+
/// The border color of the disabled Timeline track arrow.
|
|
57522
|
+
/// @group timeline
|
|
57421
57523
|
$kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( #000000, $kendo-body-bg, 4.8% )) !default;
|
|
57422
57524
|
|
|
57525
|
+
/// The size of the Timeline track.
|
|
57526
|
+
/// @group timeline
|
|
57423
57527
|
$kendo-timeline-track-size: 6px !default;
|
|
57528
|
+
/// The bottom padding of the Timeline's track wrapper.
|
|
57529
|
+
/// @group timeline
|
|
57424
57530
|
$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
|
|
57531
|
+
/// The border width of the Timeline track.
|
|
57532
|
+
/// @group timeline
|
|
57425
57533
|
$kendo-timeline-track-border-width: 1px !default;
|
|
57534
|
+
/// The bottom margin of the Timeline track.
|
|
57535
|
+
/// @group timeline
|
|
57426
57536
|
$kendo-timeline-track-margin-bottom: 16px !default;
|
|
57537
|
+
/// The bottom offset of the Timeline track.
|
|
57538
|
+
/// @group timeline
|
|
57427
57539
|
$kendo-timeline-track-bottom-calc: calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
|
|
57540
|
+
/// The left offset of the Timeline track.
|
|
57541
|
+
/// @group timeline
|
|
57428
57542
|
$kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
|
|
57543
|
+
/// The right offset of the Timeline track.
|
|
57544
|
+
/// @group timeline
|
|
57429
57545
|
$kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
|
|
57546
|
+
/// The background color of the Timeline track.
|
|
57547
|
+
/// @group timeline
|
|
57430
57548
|
$kendo-timeline-track-bg: $kendo-button-bg !default;
|
|
57549
|
+
/// The border color of the Timeline track.
|
|
57550
|
+
/// @group timeline
|
|
57431
57551
|
$kendo-timeline-track-border-color: $kendo-button-border !default;
|
|
57432
57552
|
|
|
57553
|
+
/// The shadow of the Timeline's focused track items.
|
|
57554
|
+
/// @group timeline
|
|
57433
57555
|
$kendo-timeline-track-item-focus-shadow: k-elevation(2) !default;
|
|
57434
57556
|
|
|
57557
|
+
/// The offset of the Timeline track event.
|
|
57558
|
+
/// @group timeline
|
|
57435
57559
|
$kendo-timeline-track-event-offset: 36px !default;
|
|
57436
57560
|
|
|
57561
|
+
/// The horizontal padding of the Timeline flag.
|
|
57562
|
+
/// @group timeline
|
|
57437
57563
|
$kendo-timeline-flag-padding-x: $kendo-button-padding-x !default;
|
|
57564
|
+
/// The vertical padding of the Timeline flag.
|
|
57565
|
+
/// @group timeline
|
|
57438
57566
|
$kendo-timeline-flag-padding-y: $kendo-button-padding-y !default;
|
|
57567
|
+
/// The line height of the Timeline flag.
|
|
57568
|
+
/// @group timeline
|
|
57439
57569
|
$kendo-timeline-flag-line-height: $kendo-button-line-height !default;
|
|
57570
|
+
/// The minimum width of the Timeline flag.
|
|
57571
|
+
/// @group timeline
|
|
57440
57572
|
$kendo-timeline-flag-min-width: 80px !default;
|
|
57573
|
+
/// The maximum width of the Timeline flag.
|
|
57574
|
+
/// @group timeline
|
|
57441
57575
|
$kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-spacing-x}) !default;
|
|
57576
|
+
/// The maximum width of the mobile Timeline flag.
|
|
57577
|
+
/// @group timeline
|
|
57442
57578
|
$kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
|
|
57579
|
+
/// The minimum width of the horizontal Timeline flag.
|
|
57580
|
+
/// @group timeline
|
|
57443
57581
|
$kendo-timeline-horizontal-flag-min-width: 60px !default;
|
|
57582
|
+
/// The background color of the Timeline flag.
|
|
57583
|
+
/// @group timeline
|
|
57444
57584
|
$kendo-timeline-flag-bg: $kendo-color-primary !default;
|
|
57585
|
+
/// The text color of the Timeline flag.
|
|
57586
|
+
/// @group timeline
|
|
57445
57587
|
$kendo-timeline-flag-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-timeline-flag-bg )) !default;
|
|
57446
57588
|
|
|
57589
|
+
/// The width of the Timeline's flag callout.
|
|
57590
|
+
/// @group timeline
|
|
57447
57591
|
$kendo-timeline-flag-callout-width: 10px !default;
|
|
57592
|
+
/// The height of the Timeline's flag callout.
|
|
57593
|
+
/// @group timeline
|
|
57448
57594
|
$kendo-timeline-flag-callout-height: 10px !default;
|
|
57449
57595
|
|
|
57596
|
+
/// The bottom offset of the Timeline flag.
|
|
57597
|
+
/// @group timeline
|
|
57450
57598
|
$kendo-timeline-flag-offset-bottom: 4px !default;
|
|
57599
|
+
/// The bottom margin of the Timeline flag.
|
|
57600
|
+
/// @group timeline
|
|
57451
57601
|
$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;
|
|
57452
57602
|
|
|
57603
|
+
/// The width of the Timeline date.
|
|
57604
|
+
/// @group timeline
|
|
57453
57605
|
$kendo-timeline-date-width: 50px !default;
|
|
57606
|
+
/// The bottom margin of the Timeline date.
|
|
57607
|
+
/// @group timeline
|
|
57454
57608
|
$kendo-timeline-date-margin-bottom: 8px !default;
|
|
57455
57609
|
|
|
57610
|
+
/// The padding of the vertical Timeline.
|
|
57611
|
+
/// @group timeline
|
|
57456
57612
|
$kendo-timeline-vertical-padding-calc: calc(#{$kendo-timeline-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
|
|
57613
|
+
/// The padding of the vertical Timeline date.
|
|
57614
|
+
/// @group timeline
|
|
57457
57615
|
$kendo-timeline-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
|
|
57616
|
+
/// The padding of the vertical mobile Timeline.
|
|
57617
|
+
/// @group timeline
|
|
57458
57618
|
$kendo-timeline-mobile-vertical-padding-calc: calc(#{$kendo-timeline-mobile-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
|
|
57619
|
+
/// The padding of the vertical mobile Timeline date.
|
|
57620
|
+
/// @group timeline
|
|
57459
57621
|
$kendo-timeline-mobile-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-mobile-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
|
|
57460
57622
|
|
|
57623
|
+
/// The width of the Timeline circle.
|
|
57624
|
+
/// @group timeline
|
|
57461
57625
|
$kendo-timeline-circle-width: 16px !default;
|
|
57626
|
+
/// The height of the Timeline circle.
|
|
57627
|
+
/// @group timeline
|
|
57462
57628
|
$kendo-timeline-circle-height: 16px !default;
|
|
57629
|
+
/// The background color of the Timeline circle.
|
|
57630
|
+
/// @group timeline
|
|
57463
57631
|
$kendo-timeline-circle-bg: $kendo-color-primary !default;
|
|
57464
57632
|
|
|
57633
|
+
/// The horizontal padding of the Timeline collapse arrow.
|
|
57634
|
+
/// @group timeline
|
|
57465
57635
|
$kendo-timeline-collapse-arrow-padding-x: $kendo-padding-md-x !default;
|
|
57466
57636
|
|
|
57637
|
+
/// The width of the Timeline event.
|
|
57638
|
+
/// @group timeline
|
|
57467
57639
|
$kendo-timeline-event-width: 400px !default;
|
|
57640
|
+
/// The height of the Timeline event.
|
|
57641
|
+
/// @group timeline
|
|
57468
57642
|
$kendo-timeline-event-height: 600px !default;
|
|
57643
|
+
/// The minimum height of the Timeline event.
|
|
57644
|
+
/// @group timeline
|
|
57469
57645
|
$kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-offset} - #{$kendo-card-border-width})) !default;
|
|
57470
57646
|
|
|
57471
57647
|
// #endregion
|