@progress/kendo-theme-default 5.12.1-dev.1 → 5.12.1-dev.3
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 +11342 -11738
- package/dist/all.scss +11297 -11990
- package/dist/default-blue.scss +27 -29
- package/dist/default-dataviz-v4.scss +6 -7
- package/dist/default-green.scss +27 -29
- package/dist/default-main-dark.scss +27 -30
- package/dist/default-main.scss +27 -29
- package/dist/default-nordic.scss +27 -29
- package/dist/default-ocean-blue-a11y.scss +42 -0
- package/dist/default-ocean-blue.scss +29 -35
- package/dist/default-orange.scss +27 -29
- package/dist/default-purple.scss +27 -29
- package/dist/default-turquoise.scss +27 -29
- package/dist/default-urban.scss +27 -29
- package/lib/swatches/default-blue.json +32 -41
- package/lib/swatches/default-dataviz-v4.json +8 -7
- package/lib/swatches/default-green.json +33 -41
- package/lib/swatches/default-main-dark.json +31 -49
- package/lib/swatches/default-main.json +33 -41
- package/lib/swatches/default-nordic.json +33 -41
- package/lib/swatches/default-ocean-blue-a11y.json +258 -0
- package/lib/swatches/default-ocean-blue.json +35 -64
- package/lib/swatches/default-orange.json +33 -41
- package/lib/swatches/default-purple.json +33 -41
- package/lib/swatches/default-turquoise.json +33 -41
- package/lib/swatches/default-urban.json +33 -41
- package/package.json +5 -5
- package/scss/_variables.scss +96 -42
- package/scss/action-buttons/_layout.scss +4 -4
- package/scss/action-buttons/_theme.scss +4 -4
- package/scss/action-buttons/_variables.scss +9 -9
- package/scss/action-sheet/_layout.scss +41 -41
- package/scss/action-sheet/_theme.scss +27 -27
- package/scss/action-sheet/_variables.scss +64 -63
- package/scss/adaptive/_layout.scss +11 -15
- package/scss/adaptive/_theme.scss +12 -12
- package/scss/adaptive/_variables.scss +18 -18
- package/scss/appbar/_variables.scss +3 -3
- package/scss/avatar/_variables.scss +3 -3
- package/scss/badge/_index.scss +1 -1
- package/scss/badge/_variables.scss +32 -32
- package/scss/bottom-navigation/_index.scss +1 -1
- package/scss/bottom-navigation/_layout.scss +17 -17
- package/scss/bottom-navigation/_theme.scss +4 -4
- package/scss/bottom-navigation/_variables.scss +23 -23
- package/scss/breadcrumb/_layout.scss +16 -16
- package/scss/breadcrumb/_theme.scss +42 -24
- package/scss/breadcrumb/_variables.scss +46 -41
- package/scss/button/_index.scss +0 -1
- package/scss/button/_layout.scss +2 -2
- package/scss/button/_theme.scss +7 -7
- package/scss/button/_variables.scss +37 -34
- package/scss/calendar/_layout.scss +49 -53
- package/scss/calendar/_theme.scss +52 -52
- package/scss/calendar/_variables.scss +104 -103
- package/scss/captcha/_index.scss +1 -1
- package/scss/captcha/_layout.scss +10 -10
- package/scss/captcha/_theme.scss +3 -3
- package/scss/captcha/_variables.scss +14 -14
- package/scss/card/_index.scss +2 -2
- package/scss/card/_layout.scss +45 -45
- package/scss/card/_theme.scss +15 -15
- package/scss/card/_variables.scss +55 -55
- package/scss/chat/_layout.scss +59 -59
- package/scss/chat/_theme.scss +28 -28
- package/scss/chat/_variables.scss +57 -57
- package/scss/checkbox/_index.scss +0 -2
- package/scss/checkbox/_theme.scss +2 -2
- package/scss/checkbox/_variables.scss +4 -1
- package/scss/chip/_index.scss +0 -1
- package/scss/chip/_layout.scss +1 -1
- package/scss/chip/_theme.scss +13 -13
- package/scss/chip/_variables.scss +32 -29
- package/scss/color-preview/_layout.scss +6 -6
- package/scss/color-preview/_theme.scss +4 -4
- package/scss/color-preview/_variables.scss +11 -11
- package/scss/coloreditor/_layout.scss +18 -18
- package/scss/coloreditor/_theme.scss +6 -6
- package/scss/coloreditor/_variables.scss +24 -24
- package/scss/colorgradient/_index.scss +2 -2
- package/scss/colorgradient/_layout.scss +39 -39
- package/scss/colorgradient/_theme.scss +13 -13
- package/scss/colorgradient/_variables.scss +50 -50
- package/scss/colorpalette/_index.scss +1 -1
- package/scss/colorpalette/_layout.scss +5 -5
- package/scss/colorpalette/_theme.scss +3 -3
- package/scss/colorpalette/_variables.scss +8 -8
- package/scss/common/_base.scss +1 -1
- package/scss/common/_dragdrop.scss +13 -13
- package/scss/common/_index.scss +0 -2
- package/scss/dataviz/_index.scss +0 -1
- package/scss/dataviz/_layout.scss +75 -75
- package/scss/dataviz/_theme.scss +20 -18
- package/scss/dataviz/_variables.scss +101 -97
- package/scss/datetimepicker/_layout.scss +3 -3
- package/scss/datetimepicker/_variables.scss +1 -1
- package/scss/dialog/_variables.scss +3 -3
- package/scss/draggable/_layout.scss +23 -23
- package/scss/draggable/_theme.scss +5 -5
- package/scss/draggable/_variables.scss +20 -20
- package/scss/drawer/_theme.scss +1 -1
- package/scss/drawer/_variables.scss +5 -5
- package/scss/dropdowngrid/_index.scss +4 -7
- package/scss/dropdowngrid/_variables.scss +1 -0
- package/scss/dropdowntree/_layout.scss +2 -2
- package/scss/dropdowntree/_variables.scss +2 -2
- package/scss/dropzone/_layout.scss +12 -12
- package/scss/dropzone/_theme.scss +7 -7
- package/scss/dropzone/_variables.scss +21 -20
- package/scss/editor/_layout.scss +3 -3
- package/scss/editor/_variables.scss +3 -3
- package/scss/expansion-panel/_index.scss +2 -2
- package/scss/expansion-panel/_layout.scss +9 -9
- package/scss/expansion-panel/_theme.scss +12 -12
- package/scss/expansion-panel/_variables.scss +22 -22
- package/scss/fab/_index.scss +1 -1
- package/scss/fab/_layout.scss +4 -4
- package/scss/fab/_theme.scss +14 -6
- package/scss/fab/_variables.scss +10 -10
- package/scss/filemanager/_layout.scss +26 -26
- package/scss/filemanager/_theme.scss +31 -31
- package/scss/filemanager/_variables.scss +59 -59
- package/scss/filter/_layout.scss +15 -15
- package/scss/filter/_theme.scss +3 -3
- package/scss/filter/_variables.scss +8 -8
- package/scss/floating-label/_layout.scss +19 -19
- package/scss/floating-label/_theme.scss +4 -4
- package/scss/floating-label/_variables.scss +14 -14
- package/scss/forms/_index.scss +0 -4
- package/scss/forms/_layout.scss +15 -11
- package/scss/forms/_variables.scss +19 -12
- package/scss/gantt/_index.scss +1 -1
- package/scss/gantt/_layout.scss +49 -44
- package/scss/gantt/_theme.scss +60 -60
- package/scss/gantt/_variables.scss +96 -92
- package/scss/grid/_index.scss +2 -2
- package/scss/grid/_layout.scss +19 -19
- package/scss/grid/_theme.scss +8 -8
- package/scss/grid/_variables.scss +80 -80
- package/scss/icons/_layout.scss +6 -1093
- package/scss/imageeditor/_layout.scss +19 -19
- package/scss/imageeditor/_theme.scss +13 -13
- package/scss/imageeditor/_variables.scss +31 -31
- package/scss/input/_layout.scss +1 -1
- package/scss/input/_theme.scss +24 -24
- package/scss/input/_variables.scss +36 -36
- package/scss/list/_layout.scss +2 -2
- package/scss/list/_theme.scss +1 -1
- package/scss/list/_variables.scss +66 -72
- package/scss/listbox/_variables.scss +3 -3
- package/scss/listgroup/_layout.scss +15 -15
- package/scss/listgroup/_theme.scss +3 -3
- package/scss/listgroup/_variables.scss +10 -10
- package/scss/listview/_index.scss +2 -2
- package/scss/listview/_theme.scss +1 -1
- package/scss/listview/_variables.scss +3 -3
- package/scss/loader/_layout.scss +40 -40
- package/scss/loader/_variables.scss +31 -30
- package/scss/map/_index.scss +1 -1
- package/scss/map/_layout.scss +16 -16
- package/scss/map/_theme.scss +5 -5
- package/scss/map/_variables.scss +21 -21
- package/scss/mediaplayer/_layout.scss +5 -5
- package/scss/mediaplayer/_theme.scss +6 -6
- package/scss/mediaplayer/_variables.scss +13 -13
- package/scss/menu/_layout.scss +39 -39
- package/scss/menu/_theme.scss +26 -26
- package/scss/menu/_variables.scss +67 -66
- package/scss/messagebox/_layout.scss +7 -7
- package/scss/messagebox/_theme.scss +3 -3
- package/scss/messagebox/_variables.scss +11 -11
- package/scss/multiselect/_index.scss +0 -1
- package/scss/notification/_variables.scss +5 -5
- package/scss/orgchart/_index.scss +1 -1
- package/scss/orgchart/_layout.scss +26 -26
- package/scss/orgchart/_theme.scss +13 -13
- package/scss/orgchart/_variables.scss +56 -56
- package/scss/overlay/_layout.scss +1 -1
- package/scss/overlay/_theme.scss +2 -2
- package/scss/overlay/_variables.scss +3 -3
- package/scss/pager/_index.scss +0 -2
- package/scss/pager/_layout.scss +1 -1
- package/scss/pager/_theme.scss +6 -6
- package/scss/pager/_variables.scss +38 -34
- package/scss/panelbar/_layout.scss +17 -17
- package/scss/panelbar/_theme.scss +70 -70
- package/scss/panelbar/_variables.scss +104 -103
- package/scss/pdf-viewer/_index.scss +1 -2
- package/scss/pdf-viewer/_layout.scss +13 -13
- package/scss/pdf-viewer/_theme.scss +21 -21
- package/scss/pdf-viewer/_variables.scss +45 -44
- package/scss/pivotgrid/_index.scss +5 -5
- package/scss/pivotgrid/_layout.scss +45 -45
- package/scss/pivotgrid/_theme.scss +52 -52
- package/scss/pivotgrid/_variables.scss +89 -86
- package/scss/popover/_layout.scss +19 -17
- package/scss/popover/_theme.scss +7 -7
- package/scss/popover/_variables.scss +26 -26
- package/scss/popup/_layout.scss +7 -7
- package/scss/popup/_theme.scss +4 -4
- package/scss/popup/_variables.scss +12 -12
- package/scss/progressbar/_layout.scss +1 -1
- package/scss/progressbar/_variables.scss +2 -2
- package/scss/radio/_index.scss +0 -3
- package/scss/radio/_theme.scss +2 -2
- package/scss/radio/_variables.scss +5 -1
- package/scss/rating/_layout.scss +11 -11
- package/scss/rating/_theme.scss +6 -6
- package/scss/rating/_variables.scss +17 -16
- package/scss/scheduler/_layout.scss +36 -55
- package/scss/scheduler/_theme.scss +51 -51
- package/scss/scheduler/_variables.scss +93 -93
- package/scss/scrollview/_layout.scss +16 -16
- package/scss/scrollview/_theme.scss +23 -23
- package/scss/scrollview/_variables.scss +32 -32
- package/scss/signature/_variables.scss +18 -18
- package/scss/skeleton/_layout.scss +4 -4
- package/scss/skeleton/_theme.scss +2 -2
- package/scss/skeleton/_variables.scss +6 -6
- package/scss/slider/_layout.scss +26 -26
- package/scss/slider/_theme.scss +21 -21
- package/scss/slider/_variables.scss +44 -44
- package/scss/split-button/_layout.scss +3 -4
- package/scss/split-button/_theme.scss +1 -1
- package/scss/split-button/_variables.scss +6 -6
- package/scss/splitter/_layout.scss +15 -15
- package/scss/splitter/_theme.scss +10 -10
- package/scss/splitter/_variables.scss +18 -18
- package/scss/spreadsheet/_layout.scss +30 -30
- package/scss/spreadsheet/_theme.scss +20 -20
- package/scss/spreadsheet/_variables.scss +29 -29
- package/scss/stepper/_layout.scss +36 -37
- package/scss/stepper/_theme.scss +44 -45
- package/scss/stepper/_variables.scss +86 -86
- package/scss/switch/_index.scss +1 -1
- package/scss/switch/_theme.scss +10 -2
- package/scss/switch/_variables.scss +7 -7
- package/scss/table/_index.scss +0 -8
- package/scss/table/_theme.scss +1 -1
- package/scss/table/_variables.scss +21 -18
- package/scss/tabstrip/_layout.scss +31 -31
- package/scss/tabstrip/_theme.scss +26 -26
- package/scss/tabstrip/_variables.scss +42 -41
- package/scss/taskboard/_index.scss +1 -1
- package/scss/taskboard/_layout.scss +34 -34
- package/scss/taskboard/_theme.scss +32 -32
- package/scss/taskboard/_variables.scss +93 -93
- package/scss/tilelayout/_layout.scss +4 -4
- package/scss/tilelayout/_theme.scss +4 -4
- package/scss/tilelayout/_variables.scss +8 -8
- package/scss/timedurationpicker/_index.scss +1 -1
- package/scss/timeline/_layout.scss +55 -55
- package/scss/timeline/_theme.scss +15 -15
- package/scss/timeline/_variables.scss +50 -50
- package/scss/timeselector/_layout.scss +18 -18
- package/scss/timeselector/_theme.scss +13 -11
- package/scss/timeselector/_variables.scss +37 -36
- package/scss/toolbar/_layout.scss +11 -11
- package/scss/toolbar/_theme.scss +2 -2
- package/scss/toolbar/_variables.scss +24 -24
- package/scss/tooltip/_layout.scss +22 -22
- package/scss/tooltip/_theme.scss +25 -25
- package/scss/tooltip/_variables.scss +29 -29
- package/scss/treelist/_index.scss +1 -1
- package/scss/treeview/_layout.scss +6 -6
- package/scss/treeview/_theme.scss +2 -2
- package/scss/treeview/_variables.scss +30 -30
- package/scss/typography/_index.scss +0 -1
- package/scss/typography/_layout.scss +77 -77
- package/scss/typography/_theme.scss +3 -3
- package/scss/typography/_variables.scss +84 -128
- package/scss/upload/_index.scss +0 -1
- package/scss/upload/_layout.scss +1 -1
- package/scss/upload/_theme.scss +5 -1
- package/scss/upload/_variables.scss +6 -5
- package/scss/utils/_index.scss +0 -22
- package/scss/validator/_layout.scss +1 -1
- package/scss/window/_theme.scss +1 -1
- package/scss/window/_variables.scss +9 -5
- package/scss/wizard/_layout.scss +11 -11
- package/scss/wizard/_theme.scss +1 -1
- package/scss/wizard/_variables.scss +10 -10
- package/scss/icons/font/WebComponentsIcons.scss +0 -3
- package/scss/icons/font/WebComponentsIcons.ttf +0 -0
- package/scss/utils/_aspect-ratio.scss +0 -32
- package/scss/utils/_border.scss +0 -109
- package/scss/utils/_display.scss +0 -41
- package/scss/utils/_flex.scss +0 -189
- package/scss/utils/_float.scss +0 -85
- package/scss/utils/_grid.scss +0 -45
- package/scss/utils/_order.scss +0 -54
- package/scss/utils/_overflow.scss +0 -87
- package/scss/utils/_pointer-events.scss +0 -30
- package/scss/utils/_position.scss +0 -209
- package/scss/utils/_resize.scss +0 -47
- package/scss/utils/_spacer.scss +0 -16
- package/scss/utils/_spacing.scss +0 -162
- package/scss/utils/_table-layout.scss +0 -17
- package/scss/utils/_text.scss +0 -154
- package/scss/utils/_theme-colors.scss +0 -47
- package/scss/utils/_touch-action.scss +0 -30
- package/scss/utils/_transform.scss +0 -105
- package/scss/utils/_user-select.scss +0 -51
|
@@ -1,49 +1,50 @@
|
|
|
1
1
|
// Menu
|
|
2
|
-
$menu-padding-x: 0px !default;
|
|
3
|
-
$menu-padding-y: 0px !default;
|
|
4
|
-
$menu-border-width: 0px !default;
|
|
5
|
-
$menu-font-family: $font-family !default;
|
|
6
|
-
$menu-font-size: $font-size !default;
|
|
7
|
-
$menu-line-height: $line-height !default;
|
|
8
2
|
|
|
9
|
-
$menu-
|
|
10
|
-
$menu-
|
|
11
|
-
$menu-border:
|
|
12
|
-
$menu-
|
|
3
|
+
$kendo-menu-padding-x: 0px !default;
|
|
4
|
+
$kendo-menu-padding-y: 0px !default;
|
|
5
|
+
$kendo-menu-border-width: 0px !default;
|
|
6
|
+
$kendo-menu-font-family: $kendo-font-family !default;
|
|
7
|
+
$kendo-menu-font-size: $kendo-font-size-md !default;
|
|
8
|
+
$kendo-menu-line-height: $kendo-line-height-md !default;
|
|
13
9
|
|
|
14
|
-
$menu-
|
|
15
|
-
$menu-
|
|
16
|
-
$menu-
|
|
17
|
-
$menu-
|
|
10
|
+
$kendo-menu-bg: transparent !default;
|
|
11
|
+
$kendo-menu-text: $kendo-component-text !default;
|
|
12
|
+
$kendo-menu-border: null !default;
|
|
13
|
+
$kendo-menu-gradient: null !default;
|
|
18
14
|
|
|
19
|
-
$menu-item-
|
|
20
|
-
$menu-item-
|
|
21
|
-
$menu-item-
|
|
22
|
-
$menu-item-
|
|
15
|
+
$kendo-menu-item-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
16
|
+
$kendo-menu-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
17
|
+
$kendo-menu-item-spacing: 0 !default;
|
|
18
|
+
$kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
|
|
23
19
|
|
|
24
|
-
$menu-item-
|
|
25
|
-
$menu-item-
|
|
26
|
-
$menu-item-
|
|
27
|
-
$menu-item-
|
|
20
|
+
$kendo-menu-item-bg: null !default;
|
|
21
|
+
$kendo-menu-item-text: $kendo-link-text !default;
|
|
22
|
+
$kendo-menu-item-border: null !default;
|
|
23
|
+
$kendo-menu-item-gradient: null !default;
|
|
28
24
|
|
|
29
|
-
$menu-item-
|
|
30
|
-
$menu-item-
|
|
31
|
-
$menu-item-
|
|
32
|
-
$menu-item-
|
|
25
|
+
$kendo-menu-item-hover-bg: null !default;
|
|
26
|
+
$kendo-menu-item-hover-text: $kendo-link-hover-text !default;
|
|
27
|
+
$kendo-menu-item-hover-border: null !default;
|
|
28
|
+
$kendo-menu-item-hover-gradient: null !default;
|
|
33
29
|
|
|
34
|
-
$menu-item-
|
|
30
|
+
$kendo-menu-item-expanded-bg: null !default;
|
|
31
|
+
$kendo-menu-item-expanded-text: $kendo-component-text !default;
|
|
32
|
+
$kendo-menu-item-expanded-border: null !default;
|
|
33
|
+
$kendo-menu-item-expanded-gradient: null !default;
|
|
35
34
|
|
|
36
|
-
$menu-
|
|
35
|
+
$kendo-menu-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
37
36
|
|
|
38
|
-
$menu-
|
|
39
|
-
$menu-scroll-button-text: $link-text !default;
|
|
40
|
-
$menu-scroll-button-border: $kendo-component-border !default;
|
|
41
|
-
$menu-scroll-button-gradient: null !default;
|
|
37
|
+
$kendo-menu-separator-spacing: k-map-get( $kendo-spacing, 1 ) !default;
|
|
42
38
|
|
|
43
|
-
$menu-scroll-button-
|
|
44
|
-
$menu-scroll-button-
|
|
45
|
-
$menu-scroll-button-
|
|
46
|
-
$menu-scroll-button-
|
|
39
|
+
$kendo-menu-scroll-button-bg: $kendo-component-bg !default;
|
|
40
|
+
$kendo-menu-scroll-button-text: $kendo-link-text !default;
|
|
41
|
+
$kendo-menu-scroll-button-border: $kendo-component-border !default;
|
|
42
|
+
$kendo-menu-scroll-button-gradient: null !default;
|
|
43
|
+
|
|
44
|
+
$kendo-menu-scroll-button-hover-bg: null !default;
|
|
45
|
+
$kendo-menu-scroll-button-hover-text: $kendo-link-hover-text !default;
|
|
46
|
+
$kendo-menu-scroll-button-hover-border: null !default;
|
|
47
|
+
$kendo-menu-scroll-button-hover-gradient: null !default;
|
|
47
48
|
|
|
48
49
|
|
|
49
50
|
// Menu popup
|
|
@@ -58,31 +59,31 @@ $kendo-menu-popup-padding-y: null !default;
|
|
|
58
59
|
|
|
59
60
|
/// Width of the border around the menu popup.
|
|
60
61
|
/// @group menu
|
|
61
|
-
$kendo-menu-popup-border-width: $popup-border-width !default;
|
|
62
|
+
$kendo-menu-popup-border-width: $kendo-popup-border-width !default;
|
|
62
63
|
|
|
63
64
|
/// Font sizes of the menu popup.
|
|
64
65
|
/// @group menu
|
|
65
|
-
$kendo-menu-popup-font-size: $font-size-md !default;
|
|
66
|
-
$kendo-menu-popup-font-size
|
|
67
|
-
$kendo-menu-popup-font-size
|
|
68
|
-
$kendo-menu-popup-font-size
|
|
66
|
+
$kendo-menu-popup-font-size: $kendo-font-size-md !default;
|
|
67
|
+
$kendo-menu-popup-sm-font-size: $kendo-font-size-md !default;
|
|
68
|
+
$kendo-menu-popup-md-font-size: $kendo-font-size-md !default;
|
|
69
|
+
$kendo-menu-popup-lg-font-size: $kendo-font-size-md !default;
|
|
69
70
|
|
|
70
|
-
/// Line heights used along with $font-size.
|
|
71
|
+
/// Line heights used along with $kendo-font-size.
|
|
71
72
|
/// @group menu
|
|
72
|
-
$kendo-menu-popup-line-height: $line-height-md !default;
|
|
73
|
-
$kendo-menu-popup-line-height
|
|
74
|
-
$kendo-menu-popup-line-height
|
|
75
|
-
$kendo-menu-popup-line-height
|
|
73
|
+
$kendo-menu-popup-line-height: $kendo-line-height-md !default;
|
|
74
|
+
$kendo-menu-popup-sm-line-height: $kendo-line-height-md !default;
|
|
75
|
+
$kendo-menu-popup-md-line-height: $kendo-line-height-md !default;
|
|
76
|
+
$kendo-menu-popup-lg-line-height: $kendo-line-height-md !default;
|
|
76
77
|
|
|
77
78
|
/// The background of the menu popup.
|
|
78
79
|
/// @group menu
|
|
79
|
-
$kendo-menu-popup-bg: $popup-bg !default;
|
|
80
|
+
$kendo-menu-popup-bg: $kendo-popup-bg !default;
|
|
80
81
|
/// The text color of the menu popup.
|
|
81
82
|
/// @group menu
|
|
82
|
-
$kendo-menu-popup-text: $popup-text !default;
|
|
83
|
+
$kendo-menu-popup-text: $kendo-popup-text !default;
|
|
83
84
|
/// The border color of the menu popup.
|
|
84
85
|
/// @group menu
|
|
85
|
-
$kendo-menu-popup-border: $popup-border !default;
|
|
86
|
+
$kendo-menu-popup-border: $kendo-popup-border !default;
|
|
86
87
|
/// The background gradient of the menu popup.
|
|
87
88
|
/// @group menu
|
|
88
89
|
$kendo-menu-popup-gradient: null !default;
|
|
@@ -93,35 +94,35 @@ $kendo-menu-popup-gradient: null !default;
|
|
|
93
94
|
/// Horizontal padding of the menu item in popup.
|
|
94
95
|
/// @group menu
|
|
95
96
|
$kendo-menu-popup-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
96
|
-
$kendo-menu-popup-item-padding-x
|
|
97
|
-
$kendo-menu-popup-item-padding-x
|
|
98
|
-
$kendo-menu-popup-item-padding-x
|
|
97
|
+
$kendo-menu-popup-sm-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
98
|
+
$kendo-menu-popup-md-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
99
|
+
$kendo-menu-popup-lg-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
99
100
|
|
|
100
101
|
/// Vertical padding of the menu item in popup.
|
|
101
102
|
/// @group menu
|
|
102
103
|
$kendo-menu-popup-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
103
|
-
$kendo-menu-popup-item-padding-y
|
|
104
|
-
$kendo-menu-popup-item-padding-y
|
|
105
|
-
$kendo-menu-popup-item-padding-y
|
|
104
|
+
$kendo-menu-popup-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
105
|
+
$kendo-menu-popup-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
106
|
+
$kendo-menu-popup-lg-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
106
107
|
|
|
107
108
|
/// The end padding of the menu item in popup.
|
|
108
109
|
/// @group menu
|
|
109
|
-
$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x * 2} + #{$icon-size} ) !default;
|
|
110
|
-
$kendo-menu-popup-item-padding-end
|
|
111
|
-
$kendo-menu-popup-item-padding-end
|
|
112
|
-
$kendo-menu-popup-item-padding-end
|
|
110
|
+
$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
|
|
111
|
+
$kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
|
|
112
|
+
$kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
|
|
113
|
+
$kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
|
|
113
114
|
|
|
114
115
|
/// The start margin of the menu item expand icon.
|
|
115
116
|
/// @group menu
|
|
116
|
-
$kendo-menu-popup-item-icon-margin-start
|
|
117
|
-
$kendo-menu-popup-item-icon-margin-start: $kendo-menu-popup-item-padding-x
|
|
118
|
-
$kendo-menu-popup-item-icon-margin-start
|
|
117
|
+
$kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
|
|
118
|
+
$kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
|
|
119
|
+
$kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
|
|
119
120
|
|
|
120
121
|
/// The end margin of the menu item expand icon.
|
|
121
122
|
/// @group menu
|
|
122
|
-
$kendo-menu-popup-item-icon-margin-end
|
|
123
|
-
$kendo-menu-popup-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-item-padding-end
|
|
124
|
-
$kendo-menu-popup-item-icon-margin-end
|
|
123
|
+
$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;
|
|
124
|
+
$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;
|
|
125
|
+
$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;
|
|
125
126
|
|
|
126
127
|
/// The spacing between the menu items in popup.
|
|
127
128
|
/// @group menu
|
|
@@ -168,4 +169,4 @@ $kendo-menu-popup-item-expanded-gradient: null !default;
|
|
|
168
169
|
|
|
169
170
|
/// The base shadow of focused menu item in popup.
|
|
170
171
|
/// @group menu
|
|
171
|
-
$kendo-menu-popup-item-focus-shadow: $menu-item-focus-shadow !default;
|
|
172
|
+
$kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
// Base
|
|
4
4
|
.k-messagebox {
|
|
5
|
-
margin: $message-box-margin;
|
|
6
|
-
padding: $message-box-padding-y $message-box-padding-x;
|
|
7
|
-
border-width: $message-box-border-width;
|
|
5
|
+
margin: $kendo-message-box-margin;
|
|
6
|
+
padding: $kendo-message-box-padding-y $kendo-message-box-padding-x;
|
|
7
|
+
border-width: $kendo-message-box-border-width;
|
|
8
8
|
border-style: solid;
|
|
9
9
|
box-sizing: border-box;
|
|
10
|
-
font-size: $message-box-font-size;
|
|
11
|
-
line-height: $message-box-line-height;
|
|
10
|
+
font-size: $kendo-message-box-font-size;
|
|
11
|
+
line-height: $kendo-message-box-line-height;
|
|
12
12
|
|
|
13
13
|
a {
|
|
14
14
|
color: inherit;
|
|
15
|
-
font-style: $message-box-link-font-style;
|
|
16
|
-
text-decoration: $message-box-link-text-decoration;
|
|
15
|
+
font-style: $kendo-message-box-link-font-style;
|
|
16
|
+
text-decoration: $kendo-message-box-link-text-decoration;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
@each $color-name, $color in $kendo-theme-colors {
|
|
4
4
|
.k-messagebox-#{$color-name} {
|
|
5
5
|
@include fill(
|
|
6
|
-
k-color-level( $color, $message-box-text-level ),
|
|
7
|
-
k-color-level( $color, $message-box-bg-level ),
|
|
8
|
-
k-color-level( $color, $message-box-border-level )
|
|
6
|
+
k-color-level( $color, $kendo-message-box-text-level ),
|
|
7
|
+
k-color-level( $color, $kendo-message-box-bg-level ),
|
|
8
|
+
k-color-level( $color, $kendo-message-box-border-level )
|
|
9
9
|
);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
// Message box
|
|
2
|
-
$message-box-margin: 0 0 $
|
|
3
|
-
$message-box-padding-x: $kendo-padding-md-x !default;
|
|
4
|
-
$message-box-padding-y: $kendo-padding-md-y !default;
|
|
5
|
-
$message-box-border-width: 0 0 0 4px !default;
|
|
2
|
+
$kendo-message-box-margin: 0 0 k-map-get( $kendo-spacing, 4 ) 0 !default;
|
|
3
|
+
$kendo-message-box-padding-x: $kendo-padding-md-x !default;
|
|
4
|
+
$kendo-message-box-padding-y: $kendo-padding-md-y !default;
|
|
5
|
+
$kendo-message-box-border-width: 0 0 0 4px !default;
|
|
6
6
|
|
|
7
|
-
$message-box-font-size: $font-size !default;
|
|
8
|
-
$message-box-line-height: $line-height !default;
|
|
7
|
+
$kendo-message-box-font-size: $kendo-font-size-md !default;
|
|
8
|
+
$kendo-message-box-line-height: $kendo-line-height-md !default;
|
|
9
9
|
|
|
10
|
-
$message-box-bg-level: -10 !default;
|
|
11
|
-
$message-box-text-level: 6 !default;
|
|
12
|
-
$message-box-border-level: -9 !default;
|
|
10
|
+
$kendo-message-box-bg-level: -10 !default;
|
|
11
|
+
$kendo-message-box-text-level: 6 !default;
|
|
12
|
+
$kendo-message-box-border-level: -9 !default;
|
|
13
13
|
|
|
14
|
-
$message-box-link-font-style: italic !default;
|
|
15
|
-
$message-box-link-text-decoration: underline !default;
|
|
14
|
+
$kendo-message-box-link-font-style: italic !default;
|
|
15
|
+
$kendo-message-box-link-text-decoration: underline !default;
|
|
@@ -14,20 +14,20 @@ $kendo-notification-border-width: 1px !default;
|
|
|
14
14
|
$kendo-notification-border-radius: $kendo-border-radius-md !default;
|
|
15
15
|
/// Box shadow of the notification.
|
|
16
16
|
/// @group notification
|
|
17
|
-
$kendo-notification-shadow: $popup-shadow !default;
|
|
17
|
+
$kendo-notification-shadow: $kendo-popup-shadow !default;
|
|
18
18
|
/// Font family of the notification.
|
|
19
19
|
/// @group notification
|
|
20
|
-
$kendo-notification-font-family: $font-family !default;
|
|
20
|
+
$kendo-notification-font-family: $kendo-font-family !default;
|
|
21
21
|
/// Font size of the notification.
|
|
22
22
|
/// @group notification
|
|
23
|
-
$kendo-notification-font-size: $font-size-sm !default;
|
|
23
|
+
$kendo-notification-font-size: $kendo-font-size-sm !default;
|
|
24
24
|
/// Line height of the notification.
|
|
25
25
|
/// @group notification
|
|
26
|
-
$kendo-notification-line-height: $line-height !default;
|
|
26
|
+
$kendo-notification-line-height: $kendo-line-height-md !default;
|
|
27
27
|
|
|
28
28
|
/// Horizontal spacing of the notification icon.
|
|
29
29
|
/// @group notification
|
|
30
|
-
$kendo-notification-icon-spacing: $icon-spacing !default;
|
|
30
|
+
$kendo-notification-icon-spacing: $kendo-icon-spacing !default;
|
|
31
31
|
|
|
32
32
|
/// Background color of the notification.
|
|
33
33
|
/// @group notification
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
// OrgChart
|
|
4
4
|
.k-orgchart {
|
|
5
5
|
width: 100%;
|
|
6
|
-
padding: $orgchart-padding-x $orgchart-padding-y;
|
|
6
|
+
padding: $kendo-orgchart-padding-x $kendo-orgchart-padding-y;
|
|
7
7
|
box-sizing: border-box;
|
|
8
|
-
font-size: $orgchart-font-size;
|
|
9
|
-
font-family: $orgchart-font-family;
|
|
10
|
-
line-height: $orgchart-line-height;
|
|
8
|
+
font-size: $kendo-orgchart-font-size;
|
|
9
|
+
font-family: $kendo-orgchart-font-family;
|
|
10
|
+
line-height: $kendo-orgchart-line-height;
|
|
11
11
|
overflow: auto;
|
|
12
12
|
|
|
13
13
|
*,
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
// Nodes
|
|
28
28
|
.k-orgchart-group {
|
|
29
|
-
gap: $orgchart-group-gap;
|
|
29
|
+
gap: $kendo-orgchart-group-gap;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.k-orgchart-group.k-vstack > .k-orgchart-node-container {
|
|
@@ -34,52 +34,52 @@
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.k-orgchart-node-container {
|
|
37
|
-
gap: $orgchart-node-gap;
|
|
37
|
+
gap: $kendo-orgchart-node-gap;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.k-orgchart-node-group-container {
|
|
41
|
-
@include border-radius( $orgchart-node-group-border-radius );
|
|
42
|
-
padding: $orgchart-node-group-padding-y $orgchart-node-group-padding-x;
|
|
43
|
-
border-width: $orgchart-node-group-border-width;
|
|
41
|
+
@include border-radius( $kendo-orgchart-node-group-border-radius );
|
|
42
|
+
padding: $kendo-orgchart-node-group-padding-y $kendo-orgchart-node-group-padding-x;
|
|
43
|
+
border-width: $kendo-orgchart-node-group-border-width;
|
|
44
44
|
border-style: solid;
|
|
45
45
|
outline: 0;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.k-orgchart-node-group-title {
|
|
49
|
-
margin: 0 0 $orgchart-node-group-title-margin-bottom;
|
|
50
|
-
font-size: $orgchart-node-group-title-font-size;
|
|
51
|
-
line-height: $orgchart-node-group-title-line-height;
|
|
49
|
+
margin: 0 0 $kendo-orgchart-node-group-title-margin-bottom;
|
|
50
|
+
font-size: $kendo-orgchart-node-group-title-font-size;
|
|
51
|
+
line-height: $kendo-orgchart-node-group-title-line-height;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
.k-orgchart-node-group-subtitle {
|
|
55
|
-
margin: 0 0 $orgchart-node-group-subtitle-margin-bottom;
|
|
56
|
-
font-size: $orgchart-node-group-subtitle-font-size;
|
|
55
|
+
margin: 0 0 $kendo-orgchart-node-group-subtitle-margin-bottom;
|
|
56
|
+
font-size: $kendo-orgchart-node-group-subtitle-font-size;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
// Card
|
|
60
60
|
.k-orgchart-card {
|
|
61
|
-
width: $orgchart-card-width;
|
|
62
|
-
border-width: $orgchart-card-border-width;
|
|
61
|
+
width: $kendo-orgchart-card-width;
|
|
62
|
+
border-width: $kendo-orgchart-card-border-width;
|
|
63
63
|
|
|
64
64
|
.k-card-title {
|
|
65
|
-
margin: 0 0 $orgchart-card-title-margin-bottom;
|
|
66
|
-
font-size: $orgchart-card-title-font-size;
|
|
65
|
+
margin: 0 0 $kendo-orgchart-card-title-margin-bottom;
|
|
66
|
+
font-size: $kendo-orgchart-card-title-font-size;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.k-card-subtitle {
|
|
70
|
-
margin: 0 0 $orgchart-card-subtitle-margin-bottom;
|
|
71
|
-
font-size: $orgchart-card-subtitle-font-size;
|
|
70
|
+
margin: 0 0 $kendo-orgchart-card-subtitle-margin-bottom;
|
|
71
|
+
font-size: $kendo-orgchart-card-subtitle-font-size;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
.k-card-body {
|
|
75
|
-
border-width: $orgchart-card-body-border-width;
|
|
75
|
+
border-width: $kendo-orgchart-card-body-border-width;
|
|
76
76
|
border-style: solid;
|
|
77
77
|
flex-grow: 0;
|
|
78
78
|
}
|
|
79
79
|
.k-card-body .k-card-title-wrap {
|
|
80
|
-
margin: 0 $orgchart-card-body-vbox-margin-right 0 0;
|
|
80
|
+
margin: 0 $kendo-orgchart-card-body-vbox-margin-right 0 0;
|
|
81
81
|
min-width: 0;
|
|
82
|
-
min-height: $orgchart-card-body-vbox-min-height;
|
|
82
|
+
min-height: $kendo-orgchart-card-body-vbox-min-height;
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
|
|
@@ -89,13 +89,13 @@
|
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.k-orgchart-line-h {
|
|
92
|
-
height: $orgchart-line-size;
|
|
92
|
+
height: $kendo-orgchart-line-size;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.k-orgchart-line-v {
|
|
96
96
|
margin: 0 auto;
|
|
97
|
-
width: $orgchart-line-size;
|
|
98
|
-
height: $orgchart-line-v-height;
|
|
97
|
+
width: $kendo-orgchart-line-size;
|
|
98
|
+
height: $kendo-orgchart-line-v-height;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
// Buttons
|
|
@@ -3,48 +3,48 @@
|
|
|
3
3
|
// OrgChart
|
|
4
4
|
.k-orgchart {
|
|
5
5
|
@include fill (
|
|
6
|
-
$orgchart-text,
|
|
7
|
-
$orgchart-bg,
|
|
8
|
-
$orgchart-border
|
|
6
|
+
$kendo-orgchart-text,
|
|
7
|
+
$kendo-orgchart-bg,
|
|
8
|
+
$kendo-orgchart-border
|
|
9
9
|
);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
// Card
|
|
13
13
|
.k-orgchart-card {
|
|
14
|
-
@include box-shadow( $orgchart-card-shadow );
|
|
14
|
+
@include box-shadow( $kendo-orgchart-card-shadow );
|
|
15
15
|
|
|
16
16
|
.k-card-body {
|
|
17
|
-
@include fill( $border: $orgchart-card-body-border-color );
|
|
17
|
+
@include fill( $border: $kendo-orgchart-card-body-border-color );
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
&:focus,
|
|
21
21
|
&.k-focus {
|
|
22
|
-
@include
|
|
22
|
+
@include focus-indicator( $kendo-orgchart-card-focus-shadow );
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
// Group
|
|
27
27
|
.k-orgchart-node-group-container {
|
|
28
28
|
@include fill (
|
|
29
|
-
$orgchart-node-group-text,
|
|
30
|
-
$orgchart-node-group-bg,
|
|
31
|
-
$orgchart-node-group-border
|
|
29
|
+
$kendo-orgchart-node-group-text,
|
|
30
|
+
$kendo-orgchart-node-group-bg,
|
|
31
|
+
$kendo-orgchart-node-group-border
|
|
32
32
|
);
|
|
33
33
|
}
|
|
34
34
|
.k-orgchart-node-group-container:focus,
|
|
35
35
|
.k-orgchart-node-group-container.k-focus {
|
|
36
|
-
@include
|
|
37
|
-
@include fill ( $border: $orgchart-node-group-focus-border );
|
|
36
|
+
@include focus-indicator( $kendo-orgchart-node-group-focus-shadow );
|
|
37
|
+
@include fill ( $border: $kendo-orgchart-node-group-focus-border );
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.k-orgchart-node-group-subtitle {
|
|
41
|
-
@include fill( $color: $orgchart-node-group-subtitle-text );
|
|
41
|
+
@include fill( $color: $kendo-orgchart-node-group-subtitle-text );
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
// Lines
|
|
45
45
|
.k-orgchart-line-h,
|
|
46
46
|
.k-orgchart-line-v {
|
|
47
|
-
@include fill( $color: $orgchart-line-fill );
|
|
47
|
+
@include fill( $color: $kendo-orgchart-line-fill );
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
}
|
|
@@ -1,57 +1,57 @@
|
|
|
1
1
|
// Orgchart
|
|
2
|
-
$orgchart-spacer: k-map-get( $kendo-spacing, 6 ) !default;
|
|
3
|
-
$orgchart-padding-y: $orgchart-spacer !default;
|
|
4
|
-
$orgchart-padding-x: $orgchart-padding-y !default;
|
|
5
|
-
$orgchart-font-family: $font-family !default;
|
|
6
|
-
$orgchart-font-size: $font-size !default;
|
|
7
|
-
$orgchart-line-height: $line-height !default;
|
|
8
|
-
$orgchart-bg: $kendo-component-bg !default;
|
|
9
|
-
$orgchart-text: $kendo-component-text !default;
|
|
10
|
-
$orgchart-border: $kendo-component-border !default;
|
|
11
|
-
|
|
12
|
-
$orgchart-node-gap: $orgchart-spacer !default;
|
|
13
|
-
$orgchart-group-gap: $orgchart-spacer !default;
|
|
14
|
-
$orgchart-node-container-gap: $orgchart-spacer !default;
|
|
15
|
-
|
|
16
|
-
$orgchart-node-group-padding-y: $orgchart-spacer !default;
|
|
17
|
-
$orgchart-node-group-padding-x: $orgchart-node-group-padding-y !default;
|
|
18
|
-
$orgchart-node-group-border-width: 1px !default;
|
|
19
|
-
$orgchart-node-group-border-radius: $kendo-border-radius-md !default;
|
|
20
|
-
$orgchart-node-group-bg: $base-bg !default;
|
|
21
|
-
$orgchart-node-group-text: $base-text !default;
|
|
22
|
-
$orgchart-node-group-border: $base-border !default;
|
|
23
|
-
|
|
24
|
-
$orgchart-node-group-focus-border: $card-focus-border !default;
|
|
25
|
-
$orgchart-node-group-focus-shadow: $card-focus-shadow !default;
|
|
26
|
-
|
|
27
|
-
$orgchart-node-group-title-font-size: $font-size-lg !default;
|
|
28
|
-
$orgchart-node-group-title-margin-bottom: k-math-div( $orgchart-spacer, 3 ) !default;
|
|
29
|
-
$orgchart-node-group-title-line-height: $line-height-sm !default;
|
|
30
|
-
|
|
31
|
-
$orgchart-node-group-subtitle-font-size: $font-size !default;
|
|
32
|
-
$orgchart-node-group-subtitle-margin-bottom: $orgchart-spacer !default;
|
|
33
|
-
$orgchart-node-group-subtitle-text: $kendo-subtle-text !default;
|
|
34
|
-
|
|
35
|
-
$orgchart-card-width: 300px !default;
|
|
36
|
-
$orgchart-card-padding-y: $card-padding-y !default;
|
|
37
|
-
$orgchart-card-padding-x: $orgchart-card-padding-y !default;
|
|
38
|
-
$orgchart-card-border-width: $card-border-width !default;
|
|
39
|
-
$orgchart-card-shadow: $card-shadow !default;
|
|
40
|
-
$orgchart-card-focus-shadow: $card-focus-shadow !default;
|
|
41
|
-
|
|
42
|
-
$orgchart-card-title-margin-bottom: 0px !default;
|
|
43
|
-
$orgchart-card-title-font-size: null !default;
|
|
44
|
-
|
|
45
|
-
$orgchart-card-subtitle-margin-bottom: 0px !default;
|
|
46
|
-
$orgchart-card-subtitle-font-size: null !default;
|
|
47
|
-
|
|
48
|
-
$orgchart-card-body-border-width: 2px 0 0 !default;
|
|
49
|
-
$orgchart-card-body-border-color: transparent !default;
|
|
50
|
-
|
|
51
|
-
$orgchart-card-body-vbox-margin-right: k-math-div( $orgchart-spacer, 2 ) !default;
|
|
52
|
-
$orgchart-card-body-vbox-min-height: $card-avatar-size !default;
|
|
53
|
-
|
|
54
|
-
$orgchart-line-size: 1px !default;
|
|
55
|
-
$orgchart-line-fill: $base-border !default;
|
|
56
|
-
|
|
57
|
-
$orgchart-line-v-height: 25px !default;
|
|
2
|
+
$kendo-orgchart-spacer: k-map-get( $kendo-spacing, 6 ) !default;
|
|
3
|
+
$kendo-orgchart-padding-y: $kendo-orgchart-spacer !default;
|
|
4
|
+
$kendo-orgchart-padding-x: $kendo-orgchart-padding-y !default;
|
|
5
|
+
$kendo-orgchart-font-family: $kendo-font-family !default;
|
|
6
|
+
$kendo-orgchart-font-size: $kendo-font-size-md !default;
|
|
7
|
+
$kendo-orgchart-line-height: $kendo-line-height-md !default;
|
|
8
|
+
$kendo-orgchart-bg: $kendo-component-bg !default;
|
|
9
|
+
$kendo-orgchart-text: $kendo-component-text !default;
|
|
10
|
+
$kendo-orgchart-border: $kendo-component-border !default;
|
|
11
|
+
|
|
12
|
+
$kendo-orgchart-node-gap: $kendo-orgchart-spacer !default;
|
|
13
|
+
$kendo-orgchart-group-gap: $kendo-orgchart-spacer !default;
|
|
14
|
+
$kendo-orgchart-node-container-gap: $kendo-orgchart-spacer !default;
|
|
15
|
+
|
|
16
|
+
$kendo-orgchart-node-group-padding-y: $kendo-orgchart-spacer !default;
|
|
17
|
+
$kendo-orgchart-node-group-padding-x: $kendo-orgchart-node-group-padding-y !default;
|
|
18
|
+
$kendo-orgchart-node-group-border-width: 1px !default;
|
|
19
|
+
$kendo-orgchart-node-group-border-radius: $kendo-border-radius-md !default;
|
|
20
|
+
$kendo-orgchart-node-group-bg: $kendo-base-bg !default;
|
|
21
|
+
$kendo-orgchart-node-group-text: $kendo-base-text !default;
|
|
22
|
+
$kendo-orgchart-node-group-border: $kendo-base-border !default;
|
|
23
|
+
|
|
24
|
+
$kendo-orgchart-node-group-focus-border: $kendo-card-focus-border !default;
|
|
25
|
+
$kendo-orgchart-node-group-focus-shadow: $kendo-card-focus-shadow !default;
|
|
26
|
+
|
|
27
|
+
$kendo-orgchart-node-group-title-font-size: $kendo-font-size-lg !default;
|
|
28
|
+
$kendo-orgchart-node-group-title-margin-bottom: k-math-div( $kendo-orgchart-spacer, 3 ) !default;
|
|
29
|
+
$kendo-orgchart-node-group-title-line-height: $kendo-line-height-sm !default;
|
|
30
|
+
|
|
31
|
+
$kendo-orgchart-node-group-subtitle-font-size: $kendo-font-size-md !default;
|
|
32
|
+
$kendo-orgchart-node-group-subtitle-margin-bottom: $kendo-orgchart-spacer !default;
|
|
33
|
+
$kendo-orgchart-node-group-subtitle-text: $kendo-subtle-text !default;
|
|
34
|
+
|
|
35
|
+
$kendo-orgchart-card-width: 300px !default;
|
|
36
|
+
$kendo-orgchart-card-padding-y: $kendo-card-padding-y !default;
|
|
37
|
+
$kendo-orgchart-card-padding-x: $kendo-orgchart-card-padding-y !default;
|
|
38
|
+
$kendo-orgchart-card-border-width: $kendo-card-border-width !default;
|
|
39
|
+
$kendo-orgchart-card-shadow: $kendo-card-shadow !default;
|
|
40
|
+
$kendo-orgchart-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
41
|
+
|
|
42
|
+
$kendo-orgchart-card-title-margin-bottom: 0px !default;
|
|
43
|
+
$kendo-orgchart-card-title-font-size: null !default;
|
|
44
|
+
|
|
45
|
+
$kendo-orgchart-card-subtitle-margin-bottom: 0px !default;
|
|
46
|
+
$kendo-orgchart-card-subtitle-font-size: null !default;
|
|
47
|
+
|
|
48
|
+
$kendo-orgchart-card-body-border-width: 2px 0 0 !default;
|
|
49
|
+
$kendo-orgchart-card-body-border-color: transparent !default;
|
|
50
|
+
|
|
51
|
+
$kendo-orgchart-card-body-vbox-margin-right: k-math-div( $kendo-orgchart-spacer, 2 ) !default;
|
|
52
|
+
$kendo-orgchart-card-body-vbox-min-height: $kendo-card-avatar-size !default;
|
|
53
|
+
|
|
54
|
+
$kendo-orgchart-line-size: 1px !default;
|
|
55
|
+
$kendo-orgchart-line-fill: $kendo-base-border !default;
|
|
56
|
+
|
|
57
|
+
$kendo-orgchart-line-v-height: 25px !default;
|
package/scss/overlay/_theme.scss
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
// Overlay
|
|
4
4
|
.k-overlay {
|
|
5
|
-
background-color: $overlay-bg;
|
|
5
|
+
background-color: $kendo-overlay-bg;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
@each $name, $color in $overlay-theme-colors {
|
|
9
|
+
@each $name, $color in $kendo-overlay-theme-colors {
|
|
10
10
|
.k-overlay-#{$name} {
|
|
11
11
|
background-color: $color;
|
|
12
12
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
$overlay-theme-colors: $kendo-theme-colors !default;
|
|
1
|
+
$kendo-overlay-theme-colors: $kendo-theme-colors !default;
|
|
2
2
|
|
|
3
|
-
$overlay-bg: $kendo-color-black !default;
|
|
4
|
-
$overlay-opacity: .5 !default;
|
|
3
|
+
$kendo-overlay-bg: $kendo-color-black !default;
|
|
4
|
+
$kendo-overlay-opacity: .5 !default;
|
package/scss/pager/_index.scss
CHANGED