@progress/kendo-theme-default 9.1.0-dev.0 → 9.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/all.scss +214 -133
- package/dist/default-blue.css +1 -1
- package/dist/default-dataviz-v4.css +1 -1
- package/dist/default-green.css +1 -1
- package/dist/default-main-dark.css +1 -1
- package/dist/default-main.css +1 -1
- package/dist/default-nordic.css +1 -1
- package/dist/default-ocean-blue-a11y.css +1 -1
- package/dist/default-ocean-blue.css +1 -1
- package/dist/default-orange.css +1 -1
- package/dist/default-purple.css +1 -1
- package/dist/default-turquoise.css +1 -1
- package/dist/default-urban.css +1 -1
- package/dist/meta/sassdoc-data.json +26170 -23956
- package/dist/meta/sassdoc-raw-data.json +1354 -329
- package/dist/meta/variables.json +54 -34
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +5 -5
- package/scss/loader/_theme.scss +1 -12
- package/scss/loader/_variables.scss +0 -4
- package/scss/menu/_layout.scss +21 -45
- package/scss/menu/_theme.scss +29 -8
- package/scss/menu/_variables.scss +140 -45
- package/scss/tabstrip/_layout.scss +15 -15
- package/scss/tabstrip/_variables.scss +7 -3
- package/scss/toolbar/_theme.scss +2 -2
package/dist/all.scss
CHANGED
|
@@ -21656,10 +21656,6 @@ $kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-width !default;
|
|
|
21656
21656
|
/// @group loader
|
|
21657
21657
|
$kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-width !default;
|
|
21658
21658
|
|
|
21659
|
-
/// The color of the Loader based on the secondary theme color.
|
|
21660
|
-
/// @group loader
|
|
21661
|
-
$kendo-loader-secondary-bg: #656565 !default;
|
|
21662
|
-
|
|
21663
21659
|
/// The border width of the container panel.
|
|
21664
21660
|
/// @group loader
|
|
21665
21661
|
$kendo-loader-container-panel-border-width: 1px !default;
|
|
@@ -22313,11 +22309,7 @@ $kendo-zindex-loading: 100 !default;
|
|
|
22313
22309
|
|
|
22314
22310
|
@each $name, $color in $kendo-theme-colors {
|
|
22315
22311
|
.k-loader-#{$name} {
|
|
22316
|
-
|
|
22317
|
-
color: $kendo-loader-secondary-bg;
|
|
22318
|
-
} @else {
|
|
22319
|
-
color: $color;
|
|
22320
|
-
}
|
|
22312
|
+
color: $color;
|
|
22321
22313
|
}
|
|
22322
22314
|
}
|
|
22323
22315
|
|
|
@@ -22326,13 +22318,6 @@ $kendo-zindex-loading: 100 !default;
|
|
|
22326
22318
|
border-color: $kendo-loader-container-panel-border-color;
|
|
22327
22319
|
}
|
|
22328
22320
|
|
|
22329
|
-
.k-loader-container-inner {
|
|
22330
|
-
.k-text-secondary,
|
|
22331
|
-
.\!k-text-secondary { // stylelint-disable-line
|
|
22332
|
-
color: $kendo-loader-secondary-bg !important; // stylelint-disable-line declaration-no-important
|
|
22333
|
-
}
|
|
22334
|
-
}
|
|
22335
|
-
|
|
22336
22321
|
}
|
|
22337
22322
|
|
|
22338
22323
|
|
|
@@ -23484,174 +23469,269 @@ $_kendo-module-meta: (
|
|
|
23484
23469
|
// #region @import "./_variables.scss"; -> scss/menu/_variables.scss
|
|
23485
23470
|
// Menu
|
|
23486
23471
|
|
|
23487
|
-
|
|
23488
|
-
|
|
23472
|
+
/// The width of the border around the Menu.
|
|
23473
|
+
/// @group menu
|
|
23489
23474
|
$kendo-menu-border-width: 0px !default;
|
|
23475
|
+
|
|
23476
|
+
/// The font family of the Menu.
|
|
23477
|
+
/// @group menu
|
|
23490
23478
|
$kendo-menu-font-family: var( --kendo-font-family, inherit ) !default;
|
|
23479
|
+
/// The font size of the Menu.
|
|
23480
|
+
/// @group menu
|
|
23491
23481
|
$kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
|
|
23482
|
+
/// The line height of the Menu used along with $kendo-font-size.
|
|
23483
|
+
/// @group menu
|
|
23492
23484
|
$kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
|
|
23493
23485
|
|
|
23486
|
+
/// The background color of the Menu.
|
|
23487
|
+
/// @group menu
|
|
23494
23488
|
$kendo-menu-bg: transparent !default;
|
|
23489
|
+
/// The text color of the Menu.
|
|
23490
|
+
/// @group menu
|
|
23495
23491
|
$kendo-menu-text: $kendo-component-text !default;
|
|
23492
|
+
/// The border color of the Menu.
|
|
23493
|
+
/// @group menu
|
|
23496
23494
|
$kendo-menu-border: null !default;
|
|
23495
|
+
/// The background gradient of the Menu.
|
|
23496
|
+
/// @group menu
|
|
23497
23497
|
$kendo-menu-gradient: null !default;
|
|
23498
23498
|
|
|
23499
|
+
// Menu item
|
|
23500
|
+
|
|
23501
|
+
/// The horizontal padding of the Menu item.
|
|
23502
|
+
/// @group menu
|
|
23499
23503
|
$kendo-menu-item-padding-x: k-spacing(3) !default;
|
|
23504
|
+
/// The vertical padding of the Menu item.
|
|
23505
|
+
/// @group menu
|
|
23500
23506
|
$kendo-menu-item-padding-y: k-spacing(1.5) !default;
|
|
23507
|
+
/// The spacing between the Menu items.
|
|
23508
|
+
/// @group menu
|
|
23501
23509
|
$kendo-menu-item-spacing: k-spacing(0) !default;
|
|
23510
|
+
/// The spacing between the Menu item text and icons.
|
|
23511
|
+
/// @group menu
|
|
23502
23512
|
$kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
|
|
23503
23513
|
|
|
23514
|
+
/// The font weight of the selected Menu item.
|
|
23515
|
+
/// @group menu
|
|
23516
|
+
$kendo-menu-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
23517
|
+
|
|
23518
|
+
/// The background color of the Menu item.
|
|
23519
|
+
/// @group menu
|
|
23504
23520
|
$kendo-menu-item-bg: null !default;
|
|
23505
|
-
|
|
23521
|
+
/// The text color of the Menu item.
|
|
23522
|
+
/// @group menu
|
|
23523
|
+
$kendo-menu-item-text: $kendo-subtle-text !default;
|
|
23524
|
+
/// The border color of the Menu item.
|
|
23525
|
+
/// @group menu
|
|
23506
23526
|
$kendo-menu-item-border: null !default;
|
|
23527
|
+
/// The background gradient of the Menu item.
|
|
23528
|
+
/// @group menu
|
|
23507
23529
|
$kendo-menu-item-gradient: null !default;
|
|
23508
23530
|
|
|
23531
|
+
/// The background color of hovered Menu item.
|
|
23532
|
+
/// @group menu
|
|
23509
23533
|
$kendo-menu-item-hover-bg: null !default;
|
|
23510
|
-
|
|
23534
|
+
/// The text color of hovered Menu item.
|
|
23535
|
+
/// @group menu
|
|
23536
|
+
$kendo-menu-item-hover-text: $kendo-component-text !default;
|
|
23537
|
+
/// The border color of hovered Menu item.
|
|
23538
|
+
/// @group menu
|
|
23511
23539
|
$kendo-menu-item-hover-border: null !default;
|
|
23540
|
+
/// The background gradient of hovered Menu item.
|
|
23541
|
+
/// @group menu
|
|
23512
23542
|
$kendo-menu-item-hover-gradient: null !default;
|
|
23513
23543
|
|
|
23514
|
-
|
|
23515
|
-
|
|
23516
|
-
$kendo-menu-item-
|
|
23517
|
-
|
|
23544
|
+
/// The background color of active Menu item.
|
|
23545
|
+
/// @group menu
|
|
23546
|
+
$kendo-menu-item-active-bg: null !default;
|
|
23547
|
+
/// The text color of active Menu item.
|
|
23548
|
+
/// @group menu
|
|
23549
|
+
$kendo-menu-item-active-text: $kendo-link-text !default;
|
|
23550
|
+
/// The border color of active Menu item.
|
|
23551
|
+
/// @group menu
|
|
23552
|
+
$kendo-menu-item-active-border: null !default;
|
|
23553
|
+
/// The background gradient of active Menu item.
|
|
23554
|
+
/// @group menu
|
|
23555
|
+
$kendo-menu-item-active-gradient: null !default;
|
|
23518
23556
|
|
|
23557
|
+
/// The base shadow of focused Menu item.
|
|
23558
|
+
/// @group menu
|
|
23519
23559
|
$kendo-menu-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
23520
23560
|
|
|
23521
|
-
|
|
23561
|
+
/// The background color of selected Menu item.
|
|
23562
|
+
/// @group menu
|
|
23563
|
+
$kendo-menu-item-selected-bg: null !default;
|
|
23564
|
+
/// The text color of selected Menu item.
|
|
23565
|
+
/// @group menu
|
|
23566
|
+
$kendo-menu-item-selected-text: $kendo-link-text !default;
|
|
23567
|
+
/// The border color of selected Menu item.
|
|
23568
|
+
/// @group menu
|
|
23569
|
+
$kendo-menu-item-selected-border: null !default;
|
|
23570
|
+
/// The background gradient of selected Menu item.
|
|
23571
|
+
/// @group menu
|
|
23572
|
+
$kendo-menu-item-selected-gradient: null !default;
|
|
23522
23573
|
|
|
23523
|
-
|
|
23524
|
-
|
|
23525
|
-
$kendo-menu-scroll-button-
|
|
23574
|
+
/// The background color of the Menu scroll buttons.
|
|
23575
|
+
/// @group menu
|
|
23576
|
+
$kendo-menu-scroll-button-bg: null !default;
|
|
23577
|
+
/// The text color of the Menu scroll buttons.
|
|
23578
|
+
/// @group menu
|
|
23579
|
+
$kendo-menu-scroll-button-text: $kendo-subtle-text !default;
|
|
23580
|
+
/// The border color of the Menu scroll buttons.
|
|
23581
|
+
/// @group menu
|
|
23582
|
+
$kendo-menu-scroll-button-border: null !default;
|
|
23583
|
+
/// The background gradient of the Menu scroll buttons.
|
|
23584
|
+
/// @group menu
|
|
23526
23585
|
$kendo-menu-scroll-button-gradient: null !default;
|
|
23527
23586
|
|
|
23587
|
+
/// The background color of hovered Menu scroll buttons.
|
|
23588
|
+
/// @group menu
|
|
23528
23589
|
$kendo-menu-scroll-button-hover-bg: null !default;
|
|
23529
|
-
|
|
23590
|
+
/// The text color of hovered Menu scroll buttons.
|
|
23591
|
+
/// @group menu
|
|
23592
|
+
$kendo-menu-scroll-button-hover-text: $kendo-component-text !default;
|
|
23593
|
+
/// The border color of hovered Menu scroll buttons.
|
|
23594
|
+
/// @group menu
|
|
23530
23595
|
$kendo-menu-scroll-button-hover-border: null !default;
|
|
23596
|
+
/// The background gradient of hovered Menu scroll buttons.
|
|
23597
|
+
/// @group menu
|
|
23531
23598
|
$kendo-menu-scroll-button-hover-gradient: null !default;
|
|
23532
23599
|
|
|
23533
23600
|
|
|
23601
|
+
// Menu Separator
|
|
23602
|
+
|
|
23603
|
+
/// The inline margin of the horizontal Menu separator.
|
|
23604
|
+
/// @group menu
|
|
23605
|
+
$kendo-menu-separator-margin-inline: k-spacing(1);
|
|
23606
|
+
/// The block margin of the horizontal Menu separator.
|
|
23607
|
+
/// @group menu
|
|
23608
|
+
$kendo-menu-separator-margin-block: k-spacing(1.5);
|
|
23609
|
+
/// The border color of the Menu separator.
|
|
23610
|
+
/// @group menu
|
|
23611
|
+
$kendo-menu-separator-border: if($kendo-enable-color-system, k-color(border), $kendo-component-border) !default;
|
|
23612
|
+
|
|
23613
|
+
|
|
23534
23614
|
// Menu popup
|
|
23535
23615
|
|
|
23536
|
-
///
|
|
23616
|
+
/// The horizontal padding of the Menu popup.
|
|
23537
23617
|
/// @group menu
|
|
23538
23618
|
$kendo-menu-popup-padding-x: null !default;
|
|
23539
23619
|
|
|
23540
|
-
///
|
|
23620
|
+
/// The vertical padding of the Menu popup.
|
|
23541
23621
|
/// @group menu
|
|
23542
23622
|
$kendo-menu-popup-padding-y: null !default;
|
|
23543
23623
|
|
|
23544
|
-
///
|
|
23624
|
+
/// The width of the border around the Menu popup.
|
|
23545
23625
|
/// @group menu
|
|
23546
23626
|
$kendo-menu-popup-border-width: $kendo-popup-border-width !default;
|
|
23547
23627
|
|
|
23548
|
-
///
|
|
23628
|
+
/// The font sizes of the Menu popup.
|
|
23549
23629
|
/// @group menu
|
|
23550
23630
|
$kendo-menu-popup-font-size: var( --kendo-font-size, inherit ) !default;
|
|
23551
23631
|
$kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
|
|
23552
23632
|
$kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
|
|
23553
23633
|
$kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
|
|
23554
23634
|
|
|
23555
|
-
///
|
|
23635
|
+
/// The line heights used along with $kendo-font-size.
|
|
23556
23636
|
/// @group menu
|
|
23557
23637
|
$kendo-menu-popup-line-height: var( --kendo-line-height, normal ) !default;
|
|
23558
23638
|
$kendo-menu-popup-sm-line-height: var( --kendo-line-height, normal ) !default;
|
|
23559
23639
|
$kendo-menu-popup-md-line-height: var( --kendo-line-height, normal ) !default;
|
|
23560
23640
|
$kendo-menu-popup-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
|
|
23561
23641
|
|
|
23562
|
-
/// The background of the
|
|
23642
|
+
/// The background color of the Menu popup.
|
|
23563
23643
|
/// @group menu
|
|
23564
23644
|
$kendo-menu-popup-bg: $kendo-popup-bg !default;
|
|
23565
|
-
/// The text color of the
|
|
23645
|
+
/// The text color of the Menu popup.
|
|
23566
23646
|
/// @group menu
|
|
23567
23647
|
$kendo-menu-popup-text: $kendo-popup-text !default;
|
|
23568
|
-
/// The border color of the
|
|
23648
|
+
/// The border color of the Menu popup.
|
|
23569
23649
|
/// @group menu
|
|
23570
23650
|
$kendo-menu-popup-border: $kendo-popup-border !default;
|
|
23571
|
-
/// The background gradient of the
|
|
23651
|
+
/// The background gradient of the Menu popup.
|
|
23572
23652
|
/// @group menu
|
|
23573
23653
|
$kendo-menu-popup-gradient: null !default;
|
|
23574
23654
|
|
|
23575
23655
|
|
|
23576
23656
|
// Menu popup item
|
|
23577
23657
|
|
|
23578
|
-
///
|
|
23658
|
+
/// The horizontal padding of the Menu item in popup.
|
|
23579
23659
|
/// @group menu
|
|
23580
23660
|
$kendo-menu-popup-item-padding-x: k-spacing(2) !default;
|
|
23581
23661
|
$kendo-menu-popup-sm-item-padding-x: k-spacing(2) !default;
|
|
23582
23662
|
$kendo-menu-popup-md-item-padding-x: k-spacing(2) !default;
|
|
23583
23663
|
$kendo-menu-popup-lg-item-padding-x: k-spacing(2) !default;
|
|
23584
23664
|
|
|
23585
|
-
///
|
|
23665
|
+
/// The vertical padding of the Menu item in popup.
|
|
23586
23666
|
/// @group menu
|
|
23587
23667
|
$kendo-menu-popup-item-padding-y: k-spacing(1) !default;
|
|
23588
23668
|
$kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
|
|
23589
23669
|
$kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
|
|
23590
23670
|
$kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
|
|
23591
23671
|
|
|
23592
|
-
/// The end padding of the
|
|
23672
|
+
/// The end padding of the Menu item in popup.
|
|
23593
23673
|
/// @group menu
|
|
23594
23674
|
$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
23595
23675
|
$kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
23596
23676
|
$kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
23597
23677
|
$kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
|
|
23598
23678
|
|
|
23599
|
-
/// The start margin of the
|
|
23679
|
+
/// The start margin of the Menu item expand icon.
|
|
23600
23680
|
/// @group menu
|
|
23601
23681
|
$kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
|
|
23602
23682
|
$kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
|
|
23603
23683
|
$kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
|
|
23604
23684
|
|
|
23605
|
-
/// The end margin of the
|
|
23685
|
+
/// The end margin of the Menu item expand icon.
|
|
23606
23686
|
/// @group menu
|
|
23607
23687
|
$kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{k-math-div( $kendo-menu-popup-sm-item-padding-x, 2 )}) ) !default;
|
|
23608
23688
|
$kendo-menu-popup-md-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{k-math-div( $kendo-menu-popup-md-item-padding-x, 2 )}) ) !default;
|
|
23609
23689
|
$kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{k-math-div( $kendo-menu-popup-lg-item-padding-x, 2 )}) ) !default;
|
|
23610
23690
|
|
|
23611
|
-
/// The spacing between the
|
|
23691
|
+
/// The spacing between the Menu items in popup.
|
|
23612
23692
|
/// @group menu
|
|
23613
23693
|
$kendo-menu-popup-item-spacing: k-spacing(0) !default;
|
|
23614
23694
|
|
|
23615
|
-
/// The background of the
|
|
23695
|
+
/// The background color of the Menu item in popup.
|
|
23616
23696
|
/// @group menu
|
|
23617
23697
|
$kendo-menu-popup-item-bg: null !default;
|
|
23618
|
-
/// The text color of the
|
|
23698
|
+
/// The text color of the Menu item in popup.
|
|
23619
23699
|
/// @group menu
|
|
23620
23700
|
$kendo-menu-popup-item-text: null !default;
|
|
23621
|
-
/// The border color of the
|
|
23701
|
+
/// The border color of the Menu item in popup.
|
|
23622
23702
|
/// @group menu
|
|
23623
23703
|
$kendo-menu-popup-item-border: null !default;
|
|
23624
|
-
/// The background gradient of the
|
|
23704
|
+
/// The background gradient of the Menu item in popup.
|
|
23625
23705
|
/// @group menu
|
|
23626
23706
|
$kendo-menu-popup-item-gradient: null !default;
|
|
23627
23707
|
|
|
23628
|
-
/// The background of hovered
|
|
23708
|
+
/// The background color of hovered Menu item in popup.
|
|
23629
23709
|
/// @group menu
|
|
23630
23710
|
$kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
|
|
23631
|
-
/// The text color of hovered
|
|
23711
|
+
/// The text color of hovered Menu item in popup.
|
|
23632
23712
|
/// @group menu
|
|
23633
23713
|
$kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
|
|
23634
|
-
/// The border color of hovered
|
|
23714
|
+
/// The border color of hovered Menu item in popup.
|
|
23635
23715
|
/// @group menu
|
|
23636
23716
|
$kendo-menu-popup-item-hover-border: null !default;
|
|
23637
|
-
/// The background gradient of hovered
|
|
23717
|
+
/// The background gradient of hovered Menu item in popup.
|
|
23638
23718
|
/// @group menu
|
|
23639
23719
|
$kendo-menu-popup-item-hover-gradient: null !default;
|
|
23640
23720
|
|
|
23641
|
-
/// The background of
|
|
23721
|
+
/// The background color of active Menu item in popup.
|
|
23642
23722
|
/// @group menu
|
|
23643
|
-
$kendo-menu-popup-item-
|
|
23644
|
-
/// The text color of
|
|
23723
|
+
$kendo-menu-popup-item-active-bg: $kendo-list-item-selected-bg !default;
|
|
23724
|
+
/// The text color of active Menu item in popup.
|
|
23645
23725
|
/// @group menu
|
|
23646
|
-
$kendo-menu-popup-item-
|
|
23647
|
-
/// The border color of
|
|
23726
|
+
$kendo-menu-popup-item-active-text: $kendo-list-item-selected-text !default;
|
|
23727
|
+
/// The border color of active Menu item in popup.
|
|
23648
23728
|
/// @group menu
|
|
23649
|
-
$kendo-menu-popup-item-
|
|
23650
|
-
/// The background gradient of
|
|
23729
|
+
$kendo-menu-popup-item-active-border: null !default;
|
|
23730
|
+
/// The background gradient of active Menu item in popup.
|
|
23651
23731
|
/// @group menu
|
|
23652
|
-
$kendo-menu-popup-item-
|
|
23732
|
+
$kendo-menu-popup-item-active-gradient: null !default;
|
|
23653
23733
|
|
|
23654
|
-
/// The base shadow of focused
|
|
23734
|
+
/// The base shadow of focused Menu item in popup.
|
|
23655
23735
|
/// @group menu
|
|
23656
23736
|
$kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
23657
23737
|
|
|
@@ -23684,7 +23764,6 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
23684
23764
|
}
|
|
23685
23765
|
.k-menu { @extend .k-menu-bar !optional; }
|
|
23686
23766
|
|
|
23687
|
-
|
|
23688
23767
|
// Menu item
|
|
23689
23768
|
.k-menu-item {
|
|
23690
23769
|
border-width: 0;
|
|
@@ -23694,6 +23773,10 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
23694
23773
|
flex: none;
|
|
23695
23774
|
position: relative;
|
|
23696
23775
|
user-select: none;
|
|
23776
|
+
|
|
23777
|
+
&.k-selected {
|
|
23778
|
+
font-weight: $kendo-menu-item-selected-font-weight;
|
|
23779
|
+
}
|
|
23697
23780
|
}
|
|
23698
23781
|
.k-menu-item-content {
|
|
23699
23782
|
display: block;
|
|
@@ -23753,8 +23836,8 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
23753
23836
|
}
|
|
23754
23837
|
|
|
23755
23838
|
> .k-separator {
|
|
23756
|
-
margin-block:
|
|
23757
|
-
margin-inline: $kendo-menu-separator-
|
|
23839
|
+
margin-block: $kendo-menu-separator-margin-block;
|
|
23840
|
+
margin-inline: $kendo-menu-separator-margin-inline;
|
|
23758
23841
|
width: 0;
|
|
23759
23842
|
height: auto;
|
|
23760
23843
|
border-width: 0 0 0 1px;
|
|
@@ -23766,6 +23849,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
23766
23849
|
// Orientation -- vertical
|
|
23767
23850
|
.k-menu-vertical {
|
|
23768
23851
|
flex-direction: column;
|
|
23852
|
+
width: 100%;
|
|
23769
23853
|
|
|
23770
23854
|
> .k-menu-item + .k-menu-item {
|
|
23771
23855
|
margin-top: $kendo-menu-item-spacing;
|
|
@@ -23783,12 +23867,11 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
23783
23867
|
}
|
|
23784
23868
|
|
|
23785
23869
|
> .k-separator {
|
|
23786
|
-
margin-block: $kendo-menu-separator-
|
|
23870
|
+
margin-block: $kendo-menu-separator-margin-block;
|
|
23787
23871
|
margin-inline: 0;
|
|
23788
23872
|
height: 0;
|
|
23789
23873
|
border-width: 1px 0 0;
|
|
23790
23874
|
border-style: solid;
|
|
23791
|
-
border-color: $kendo-component-border;
|
|
23792
23875
|
display: block;
|
|
23793
23876
|
}
|
|
23794
23877
|
}
|
|
@@ -23809,6 +23892,10 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
23809
23892
|
*::after {
|
|
23810
23893
|
box-sizing: border-box;
|
|
23811
23894
|
}
|
|
23895
|
+
|
|
23896
|
+
.k-menu-item {
|
|
23897
|
+
font-weight: initial;
|
|
23898
|
+
}
|
|
23812
23899
|
}
|
|
23813
23900
|
|
|
23814
23901
|
|
|
@@ -23826,12 +23913,11 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
23826
23913
|
}
|
|
23827
23914
|
|
|
23828
23915
|
.k-separator {
|
|
23829
|
-
margin-block: $kendo-menu-separator-
|
|
23916
|
+
margin-block: $kendo-menu-separator-margin-inline;
|
|
23830
23917
|
margin-inline: 0;
|
|
23831
23918
|
height: 0;
|
|
23832
23919
|
border-width: 1px 0 0;
|
|
23833
23920
|
border-style: solid;
|
|
23834
|
-
border-color: $kendo-component-border;
|
|
23835
23921
|
display: block;
|
|
23836
23922
|
}
|
|
23837
23923
|
}
|
|
@@ -23948,50 +24034,20 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
23948
24034
|
margin: 0;
|
|
23949
24035
|
padding: 0;
|
|
23950
24036
|
border: 0;
|
|
23951
|
-
|
|
24037
|
+
display: flex;
|
|
24038
|
+
align-items: center;
|
|
23952
24039
|
|
|
23953
24040
|
.k-menu {
|
|
23954
24041
|
overflow: hidden;
|
|
23955
24042
|
flex-wrap: nowrap;
|
|
23956
24043
|
}
|
|
24044
|
+
}
|
|
23957
24045
|
|
|
23958
|
-
|
|
23959
|
-
|
|
23960
|
-
padding: 0;
|
|
23961
|
-
border-width: 0;
|
|
23962
|
-
border-color: inherit;
|
|
23963
|
-
color: inherit;
|
|
23964
|
-
background: inherit;
|
|
23965
|
-
position: absolute;
|
|
24046
|
+
.k-menu-scroll-wrapper-vertical {
|
|
24047
|
+
flex-direction: column;
|
|
23966
24048
|
|
|
23967
|
-
|
|
23968
|
-
|
|
23969
|
-
inset-inline-start: 0;
|
|
23970
|
-
height: 100%;
|
|
23971
|
-
width: 16px;
|
|
23972
|
-
border-right-width: 1px;
|
|
23973
|
-
}
|
|
23974
|
-
&.k-scroll-right {
|
|
23975
|
-
top: 0;
|
|
23976
|
-
inset-inline-end: 0;
|
|
23977
|
-
height: 100%;
|
|
23978
|
-
width: 16px;
|
|
23979
|
-
border-left-width: 1px;
|
|
23980
|
-
}
|
|
23981
|
-
&.k-scroll-up {
|
|
23982
|
-
top: 0;
|
|
23983
|
-
inset-inline-start: 0;
|
|
23984
|
-
width: 100%;
|
|
23985
|
-
height: 16px;
|
|
23986
|
-
border-bottom-width: 1px;
|
|
23987
|
-
}
|
|
23988
|
-
&.k-scroll-down {
|
|
23989
|
-
bottom: 0;
|
|
23990
|
-
inset-inline-start: 0;
|
|
23991
|
-
width: 100%;
|
|
23992
|
-
height: 16px;
|
|
23993
|
-
border-top-width: 1px;
|
|
23994
|
-
}
|
|
24049
|
+
> .k-menu-scroll-button {
|
|
24050
|
+
width: 100%;
|
|
23995
24051
|
}
|
|
23996
24052
|
}
|
|
23997
24053
|
|
|
@@ -24035,10 +24091,10 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
24035
24091
|
&:active,
|
|
24036
24092
|
&.k-active {
|
|
24037
24093
|
@include fill(
|
|
24038
|
-
$kendo-menu-item-
|
|
24039
|
-
$kendo-menu-item-
|
|
24040
|
-
$kendo-menu-item-
|
|
24041
|
-
$kendo-menu-item-
|
|
24094
|
+
$kendo-menu-item-active-text,
|
|
24095
|
+
$kendo-menu-item-active-bg,
|
|
24096
|
+
$kendo-menu-item-active-border,
|
|
24097
|
+
$kendo-menu-item-active-gradient
|
|
24042
24098
|
);
|
|
24043
24099
|
}
|
|
24044
24100
|
|
|
@@ -24046,6 +24102,21 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
24046
24102
|
&.k-focus {
|
|
24047
24103
|
@include focus-indicator( $kendo-menu-item-focus-shadow, true );
|
|
24048
24104
|
}
|
|
24105
|
+
|
|
24106
|
+
&.k-selected {
|
|
24107
|
+
@include fill(
|
|
24108
|
+
$kendo-menu-item-selected-text,
|
|
24109
|
+
$kendo-menu-item-selected-bg,
|
|
24110
|
+
$kendo-menu-item-selected-border,
|
|
24111
|
+
$kendo-menu-item-selected-gradient
|
|
24112
|
+
);
|
|
24113
|
+
}
|
|
24114
|
+
}
|
|
24115
|
+
|
|
24116
|
+
> .k-separator {
|
|
24117
|
+
@include fill(
|
|
24118
|
+
$border: $kendo-menu-separator-border
|
|
24119
|
+
);
|
|
24049
24120
|
}
|
|
24050
24121
|
}
|
|
24051
24122
|
|
|
@@ -24080,10 +24151,10 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
24080
24151
|
&.k-active,
|
|
24081
24152
|
&.k-selected {
|
|
24082
24153
|
@include fill(
|
|
24083
|
-
$kendo-menu-popup-item-
|
|
24084
|
-
$kendo-menu-popup-item-
|
|
24085
|
-
$kendo-menu-popup-item-
|
|
24086
|
-
$kendo-menu-popup-item-
|
|
24154
|
+
$kendo-menu-popup-item-active-text,
|
|
24155
|
+
$kendo-menu-popup-item-active-bg,
|
|
24156
|
+
$kendo-menu-popup-item-active-border,
|
|
24157
|
+
$kendo-menu-popup-item-active-gradient
|
|
24087
24158
|
);
|
|
24088
24159
|
}
|
|
24089
24160
|
}
|
|
@@ -24094,6 +24165,12 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
|
24094
24165
|
@include focus-indicator( $kendo-menu-popup-item-focus-shadow, true );
|
|
24095
24166
|
}
|
|
24096
24167
|
}
|
|
24168
|
+
|
|
24169
|
+
> .k-separator {
|
|
24170
|
+
@include fill(
|
|
24171
|
+
$border: $kendo-menu-separator-border
|
|
24172
|
+
);
|
|
24173
|
+
}
|
|
24097
24174
|
}
|
|
24098
24175
|
|
|
24099
24176
|
|
|
@@ -24606,8 +24683,8 @@ $kendo-toolbar-sizes: (
|
|
|
24606
24683
|
|
|
24607
24684
|
// Selected
|
|
24608
24685
|
&.k-selected {
|
|
24609
|
-
color: $kendo-menu-popup-item-
|
|
24610
|
-
background: $kendo-menu-popup-item-
|
|
24686
|
+
color: $kendo-menu-popup-item-active-text;
|
|
24687
|
+
background: $kendo-menu-popup-item-active-bg;
|
|
24611
24688
|
}
|
|
24612
24689
|
|
|
24613
24690
|
// Disabled state
|
|
@@ -42336,7 +42413,7 @@ $kendo-tabstrip-item-gap: k-spacing(0) !default;
|
|
|
42336
42413
|
$kendo-tabstrip-item-bg: null !default;
|
|
42337
42414
|
/// The text color of the TabStrip items.
|
|
42338
42415
|
/// @group tabstrip
|
|
42339
|
-
$kendo-tabstrip-item-text: $kendo-
|
|
42416
|
+
$kendo-tabstrip-item-text: $kendo-subtle-text !default;
|
|
42340
42417
|
/// The border color of the TabStrip items.
|
|
42341
42418
|
/// @group tabstrip
|
|
42342
42419
|
$kendo-tabstrip-item-border: null !default;
|
|
@@ -42349,7 +42426,7 @@ $kendo-tabstrip-item-gradient: null !default;
|
|
|
42349
42426
|
$kendo-tabstrip-item-hover-bg: null !default;
|
|
42350
42427
|
/// The text color of the hovered TabStrip items.
|
|
42351
42428
|
/// @group tabstrip
|
|
42352
|
-
$kendo-tabstrip-item-hover-text: $kendo-
|
|
42429
|
+
$kendo-tabstrip-item-hover-text: $kendo-component-text !default;
|
|
42353
42430
|
/// The border color of the hovered TabStrip items.
|
|
42354
42431
|
/// @group tabstrip
|
|
42355
42432
|
$kendo-tabstrip-item-hover-border: null !default;
|
|
@@ -42362,13 +42439,17 @@ $kendo-tabstrip-item-hover-gradient: null !default;
|
|
|
42362
42439
|
$kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
|
|
42363
42440
|
/// The text color of the selected TabStrip items.
|
|
42364
42441
|
/// @group tabstrip
|
|
42365
|
-
$kendo-tabstrip-item-selected-text: $kendo-
|
|
42442
|
+
$kendo-tabstrip-item-selected-text: $kendo-link-text !default;
|
|
42366
42443
|
/// The border color of the selected TabStrip items.
|
|
42367
42444
|
/// @group tabstrip
|
|
42368
42445
|
$kendo-tabstrip-item-selected-border: $kendo-component-border !default;
|
|
42369
42446
|
/// The gradient of the selected TabStrip items.
|
|
42370
42447
|
/// @group tabstrip
|
|
42371
42448
|
$kendo-tabstrip-item-selected-gradient: null !default;
|
|
42449
|
+
/// The font weight of the selected TabStrip items.
|
|
42450
|
+
/// @group tabstrip
|
|
42451
|
+
$kendo-tabstrip-item-selected-font-weight: null !default;
|
|
42452
|
+
|
|
42372
42453
|
|
|
42373
42454
|
/// The shadow of the focused TabStrip items.
|
|
42374
42455
|
/// @group tabstrip
|
|
@@ -42502,6 +42583,20 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
|
|
|
42502
42583
|
align-items: stretch;
|
|
42503
42584
|
justify-items: stretch;
|
|
42504
42585
|
outline: 0;
|
|
42586
|
+
|
|
42587
|
+
// Active state
|
|
42588
|
+
&:active,
|
|
42589
|
+
&.k-active,
|
|
42590
|
+
&.k-selected {
|
|
42591
|
+
font-weight: $kendo-tabstrip-item-selected-font-weight;
|
|
42592
|
+
}
|
|
42593
|
+
}
|
|
42594
|
+
|
|
42595
|
+
.k-item-actions {
|
|
42596
|
+
margin: 0;
|
|
42597
|
+
padding: 0;
|
|
42598
|
+
display: flex;
|
|
42599
|
+
flex-direction: row;
|
|
42505
42600
|
}
|
|
42506
42601
|
|
|
42507
42602
|
.k-tab-on-top {
|
|
@@ -42519,6 +42614,7 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
|
|
|
42519
42614
|
flex-direction: row;
|
|
42520
42615
|
align-content: center;
|
|
42521
42616
|
align-items: center;
|
|
42617
|
+
gap: $kendo-icon-spacing;
|
|
42522
42618
|
}
|
|
42523
42619
|
|
|
42524
42620
|
|
|
@@ -42591,21 +42687,6 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
|
|
|
42591
42687
|
white-space: nowrap;
|
|
42592
42688
|
overflow: hidden;
|
|
42593
42689
|
}
|
|
42594
|
-
|
|
42595
|
-
> .k-button {
|
|
42596
|
-
padding-block: k-spacing(1);
|
|
42597
|
-
padding-inline: k-spacing(1);
|
|
42598
|
-
width: auto;
|
|
42599
|
-
height: auto;
|
|
42600
|
-
flex: none;
|
|
42601
|
-
align-self: stretch;
|
|
42602
|
-
aspect-ratio: auto;
|
|
42603
|
-
|
|
42604
|
-
.k-button-icon {
|
|
42605
|
-
min-width: auto;
|
|
42606
|
-
min-height: auto;
|
|
42607
|
-
}
|
|
42608
|
-
}
|
|
42609
42690
|
}
|
|
42610
42691
|
}
|
|
42611
42692
|
|