@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,114 +1,117 @@
|
|
|
1
|
+
@import "../table/_variables.scss";
|
|
2
|
+
|
|
3
|
+
|
|
1
4
|
// Pivot grid
|
|
2
|
-
$pivotgrid-spacer: k-map-get( $kendo-spacing, 4 ) !default;
|
|
3
|
-
$pivotgrid-padding-x: null !default;
|
|
4
|
-
$pivotgrid-padding-y: null !default;
|
|
5
|
-
$pivotgrid-font-family: $font-family !default;
|
|
6
|
-
$pivotgrid-font-size: $font-size !default;
|
|
7
|
-
$pivotgrid-line-height: $line-height !default;
|
|
8
|
-
$pivotgrid-border-width: 1px !default;
|
|
9
|
-
$pivotgrid-icon-spacing: 8px !default;
|
|
5
|
+
$kendo-pivotgrid-spacer: k-map-get( $kendo-spacing, 4 ) !default;
|
|
6
|
+
$kendo-pivotgrid-padding-x: null !default;
|
|
7
|
+
$kendo-pivotgrid-padding-y: null !default;
|
|
8
|
+
$kendo-pivotgrid-font-family: $kendo-font-family !default;
|
|
9
|
+
$kendo-pivotgrid-font-size: $kendo-font-size-md !default;
|
|
10
|
+
$kendo-pivotgrid-line-height: $kendo-line-height-md !default;
|
|
11
|
+
$kendo-pivotgrid-border-width: 1px !default;
|
|
12
|
+
$kendo-pivotgrid-icon-spacing: 8px !default;
|
|
10
13
|
|
|
11
|
-
$pivotgrid-row-header-width: 300px !default;
|
|
12
|
-
$pivotgrid-column-header-height: 75px !default;
|
|
14
|
+
$kendo-pivotgrid-row-header-width: 300px !default;
|
|
15
|
+
$kendo-pivotgrid-column-header-height: 75px !default;
|
|
13
16
|
|
|
14
|
-
$pivotgrid-cell-padding-x: $kendo-table-cell-padding-x
|
|
15
|
-
$pivotgrid-cell-padding-y: $kendo-table-cell-padding-y
|
|
16
|
-
$pivotgrid-cell-border-width: 1px !default;
|
|
17
|
+
$kendo-pivotgrid-cell-padding-x: $kendo-table-md-cell-padding-x !default;
|
|
18
|
+
$kendo-pivotgrid-cell-padding-y: $kendo-table-md-cell-padding-y !default;
|
|
19
|
+
$kendo-pivotgrid-cell-border-width: 1px !default;
|
|
17
20
|
|
|
18
|
-
$pivotgrid-bg: $kendo-component-bg !default;
|
|
19
|
-
$pivotgrid-text: $kendo-component-text !default;
|
|
20
|
-
$pivotgrid-border: $kendo-component-border !default;
|
|
21
|
+
$kendo-pivotgrid-bg: $kendo-component-bg !default;
|
|
22
|
+
$kendo-pivotgrid-text: $kendo-component-text !default;
|
|
23
|
+
$kendo-pivotgrid-border: $kendo-component-border !default;
|
|
21
24
|
|
|
22
|
-
$pivotgrid-alt-border: k-try-shade($pivotgrid-border, 2) !default;
|
|
25
|
+
$kendo-pivotgrid-alt-border: k-try-shade($kendo-pivotgrid-border, 2) !default;
|
|
23
26
|
|
|
24
|
-
$pivotgrid-headers-bg: $kendo-component-header-bg !default;
|
|
25
|
-
$pivotgrid-headers-text: $kendo-component-header-text !default;
|
|
26
|
-
$pivotgrid-headers-border: $kendo-component-header-border !default;
|
|
27
|
+
$kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default;
|
|
28
|
+
$kendo-pivotgrid-headers-text: $kendo-component-header-text !default;
|
|
29
|
+
$kendo-pivotgrid-headers-border: $kendo-component-header-border !default;
|
|
27
30
|
|
|
28
|
-
$pivotgrid-total-bg: k-try-shade( $pivotgrid-bg, 1 ) !default;
|
|
29
|
-
$pivotgrid-total-text: $kendo-component-header-text !default;
|
|
30
|
-
$pivotgrid-total-border: $kendo-component-header-border !default;
|
|
31
|
+
$kendo-pivotgrid-total-bg: k-try-shade( $kendo-pivotgrid-bg, 1 ) !default;
|
|
32
|
+
$kendo-pivotgrid-total-text: $kendo-component-header-text !default;
|
|
33
|
+
$kendo-pivotgrid-total-border: $kendo-component-header-border !default;
|
|
31
34
|
|
|
32
|
-
$pivotgrid-hover-bg: k-color-darken($pivotgrid-bg, 7%) !default;
|
|
33
|
-
$pivotgrid-hover-text: null !default;
|
|
34
|
-
$pivotgrid-hover-border: null !default;
|
|
35
|
+
$kendo-pivotgrid-hover-bg: k-color-darken($kendo-pivotgrid-bg, 7%) !default;
|
|
36
|
+
$kendo-pivotgrid-hover-text: null !default;
|
|
37
|
+
$kendo-pivotgrid-hover-border: null !default;
|
|
35
38
|
|
|
36
|
-
$pivotgrid-selected-bg: rgba($kendo-selected-bg, .25) !default;
|
|
37
|
-
$pivotgrid-selected-text: null !default;
|
|
38
|
-
$pivotgrid-selected-border: null !default;
|
|
39
|
+
$kendo-pivotgrid-selected-bg: rgba($kendo-selected-bg, .25) !default;
|
|
40
|
+
$kendo-pivotgrid-selected-text: null !default;
|
|
41
|
+
$kendo-pivotgrid-selected-border: null !default;
|
|
39
42
|
|
|
40
|
-
$pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
43
|
+
$kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
41
44
|
|
|
42
45
|
// Pivotgrid Configurator
|
|
43
|
-
$pivotgrid-configurator-padding-x: null !default;
|
|
44
|
-
$pivotgrid-configurator-padding-y: null !default;
|
|
45
|
-
$pivotgrid-configurator-border-width: 1px !default;
|
|
46
|
+
$kendo-pivotgrid-configurator-padding-x: null !default;
|
|
47
|
+
$kendo-pivotgrid-configurator-padding-y: null !default;
|
|
48
|
+
$kendo-pivotgrid-configurator-border-width: 1px !default;
|
|
46
49
|
|
|
47
|
-
$pivotgrid-configurator-header-padding-x: $pivotgrid-spacer !default;
|
|
48
|
-
$pivotgrid-configurator-header-padding-y: ( $pivotgrid-spacer * .75 ) !default;
|
|
49
|
-
$pivotgrid-configurator-header-font-size: 18px !default;
|
|
50
|
-
$pivotgrid-configurator-header-font-weight: 500 !default;
|
|
50
|
+
$kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default;
|
|
51
|
+
$kendo-pivotgrid-configurator-header-padding-y: ( $kendo-pivotgrid-spacer * .75 ) !default;
|
|
52
|
+
$kendo-pivotgrid-configurator-header-font-size: 18px !default;
|
|
53
|
+
$kendo-pivotgrid-configurator-header-font-weight: 500 !default;
|
|
51
54
|
|
|
52
|
-
$pivotgrid-configurator-content-padding-x: $pivotgrid-spacer !default;
|
|
53
|
-
$pivotgrid-configurator-content-padding-y: 2px !default;
|
|
55
|
+
$kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default;
|
|
56
|
+
$kendo-pivotgrid-configurator-content-padding-y: 2px !default;
|
|
54
57
|
|
|
55
|
-
$pivotgrid-configurator-fields-margin-x: 0px !default;
|
|
56
|
-
$pivotgrid-configurator-fields-margin-y: k-math-div( $pivotgrid-spacer, 2 ) !default;
|
|
58
|
+
$kendo-pivotgrid-configurator-fields-margin-x: 0px !default;
|
|
59
|
+
$kendo-pivotgrid-configurator-fields-margin-y: k-math-div( $kendo-pivotgrid-spacer, 2 ) !default;
|
|
57
60
|
|
|
58
|
-
$pivotgrid-configurator-vertical-width: 320px !default;
|
|
59
|
-
$pivotgrid-configurator-horizontal-height: 420px !default;
|
|
61
|
+
$kendo-pivotgrid-configurator-vertical-width: 320px !default;
|
|
62
|
+
$kendo-pivotgrid-configurator-horizontal-height: 420px !default;
|
|
60
63
|
|
|
61
|
-
$pivotgrid-configurator-bg: $kendo-component-bg !default;
|
|
62
|
-
$pivotgrid-configurator-text: $kendo-component-text !default;
|
|
63
|
-
$pivotgrid-configurator-border: $kendo-component-border !default;
|
|
64
|
+
$kendo-pivotgrid-configurator-bg: $kendo-component-bg !default;
|
|
65
|
+
$kendo-pivotgrid-configurator-text: $kendo-component-text !default;
|
|
66
|
+
$kendo-pivotgrid-configurator-border: $kendo-component-border !default;
|
|
64
67
|
|
|
65
|
-
$pivotgrid-configurator-header-bg: null !default;
|
|
66
|
-
$pivotgrid-configurator-header-text: $kendo-component-header-text !default;
|
|
67
|
-
$pivotgrid-configurator-header-border: null !default;
|
|
68
|
+
$kendo-pivotgrid-configurator-header-bg: null !default;
|
|
69
|
+
$kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default;
|
|
70
|
+
$kendo-pivotgrid-configurator-header-border: null !default;
|
|
68
71
|
|
|
69
|
-
$pivotgrid-configurator-end-shadow: -3px 0px 6px rgba(0, 0, 0, .16) !default;
|
|
70
|
-
$pivotgrid-configurator-start-shadow: 3px 0px 6px rgba(0, 0, 0, .16) !default;
|
|
71
|
-
$pivotgrid-configurator-top-shadow: 0px -3px 6px rgba(0, 0, 0, .16) !default;
|
|
72
|
-
$pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba(0, 0, 0, .16) !default;
|
|
72
|
+
$kendo-pivotgrid-configurator-end-shadow: -3px 0px 6px rgba(0, 0, 0, .16) !default;
|
|
73
|
+
$kendo-pivotgrid-configurator-start-shadow: 3px 0px 6px rgba(0, 0, 0, .16) !default;
|
|
74
|
+
$kendo-pivotgrid-configurator-top-shadow: 0px -3px 6px rgba(0, 0, 0, .16) !default;
|
|
75
|
+
$kendo-pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba(0, 0, 0, .16) !default;
|
|
73
76
|
|
|
74
|
-
$pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
75
|
-
$pivotgrid-configurator-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
76
|
-
$pivotgrid-configurator-button-border-width: 1px !default;
|
|
77
|
-
$pivotgrid-configurator-button-size: calc( #{$pivotgrid-line-height * 1em} + #{$pivotgrid-configurator-button-padding-y * 2} + #{$pivotgrid-configurator-button-border-width * 2} ) !default;
|
|
77
|
+
$kendo-pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
78
|
+
$kendo-pivotgrid-configurator-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
79
|
+
$kendo-pivotgrid-configurator-button-border-width: 1px !default;
|
|
80
|
+
$kendo-pivotgrid-configurator-button-size: calc( #{$kendo-pivotgrid-line-height * 1em} + #{$kendo-pivotgrid-configurator-button-padding-y * 2} + #{$kendo-pivotgrid-configurator-button-border-width * 2} ) !default;
|
|
78
81
|
|
|
79
82
|
// Calculated fields
|
|
80
|
-
$pivotgrid-calculated-field-padding-x: $pivotgrid-spacer !default;
|
|
81
|
-
$pivotgrid-calculated-field-padding-y: $pivotgrid-spacer !default;
|
|
82
|
-
$pivotgrid-calculated-field-border-width: 1px !default;
|
|
83
|
-
$pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
|
|
84
|
-
$pivotgrid-calculated-field-gap: $pivotgrid-spacer !default;
|
|
83
|
+
$kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default;
|
|
84
|
+
$kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default;
|
|
85
|
+
$kendo-pivotgrid-calculated-field-border-width: 1px !default;
|
|
86
|
+
$kendo-pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
|
|
87
|
+
$kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default;
|
|
85
88
|
|
|
86
|
-
$pivotgrid-calculated-field-bg: $kendo-component-bg !default;
|
|
87
|
-
$pivotgrid-calculated-field-text: $kendo-component-text !default;
|
|
88
|
-
$pivotgrid-calculated-field-border: $kendo-component-border !default;
|
|
89
|
+
$kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default;
|
|
90
|
+
$kendo-pivotgrid-calculated-field-text: $kendo-component-text !default;
|
|
91
|
+
$kendo-pivotgrid-calculated-field-border: $kendo-component-border !default;
|
|
89
92
|
|
|
90
|
-
$pivotgrid-calculated-field-header-bg: null !default;
|
|
91
|
-
$pivotgrid-calculated-field-header-text: $kendo-component-header-text !default;
|
|
92
|
-
$pivotgrid-calculated-field-header-border: null !default;
|
|
93
|
+
$kendo-pivotgrid-calculated-field-header-bg: null !default;
|
|
94
|
+
$kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !default;
|
|
95
|
+
$kendo-pivotgrid-calculated-field-header-border: null !default;
|
|
93
96
|
|
|
94
97
|
|
|
95
|
-
$pivotgrid-treeview-padding-x: k-math-div( $pivotgrid-spacer, 2 ) !default;
|
|
96
|
-
$pivotgrid-treeview-padding-y: 0px !default;
|
|
98
|
+
$kendo-pivotgrid-treeview-padding-x: k-math-div( $kendo-pivotgrid-spacer, 2 ) !default;
|
|
99
|
+
$kendo-pivotgrid-treeview-padding-y: 0px !default;
|
|
97
100
|
|
|
98
101
|
// Legacy variables
|
|
99
|
-
$pivotgrid-alt-bg: $kendo-grid-header-bg !default;
|
|
100
|
-
$pivotgrid-alt-text: $kendo-grid-header-text !default;
|
|
101
|
-
$pivotgrid-chrome-border: $kendo-grid-border !default;
|
|
102
|
-
|
|
103
|
-
$pivotgrid-container-bg: $kendo-component-bg !default;
|
|
104
|
-
$pivotgrid-row-headers-bg: k-try-shade( $kendo-component-bg, 1 ) !default;
|
|
105
|
-
|
|
106
|
-
$pivotgrid-button-bg: null !default;
|
|
107
|
-
$pivotgrid-button-text: null !default;
|
|
108
|
-
$pivotgrid-button-hover-bg: null !default;
|
|
109
|
-
$pivotgrid-button-hover-text: null !default;
|
|
110
|
-
$pivotgrid-button-active-bg: null !default;
|
|
111
|
-
$pivotgrid-button-active-text: null !default;
|
|
112
|
-
|
|
113
|
-
$pivotgrid-remove-bg: null !default;
|
|
114
|
-
$pivotgrid-remove-text: null !default;
|
|
102
|
+
$kendo-pivotgrid-alt-bg: $kendo-grid-header-bg !default;
|
|
103
|
+
$kendo-pivotgrid-alt-text: $kendo-grid-header-text !default;
|
|
104
|
+
$kendo-pivotgrid-chrome-border: $kendo-grid-border !default;
|
|
105
|
+
|
|
106
|
+
$kendo-pivotgrid-container-bg: $kendo-component-bg !default;
|
|
107
|
+
$kendo-pivotgrid-row-headers-bg: k-try-shade( $kendo-component-bg, 1 ) !default;
|
|
108
|
+
|
|
109
|
+
$kendo-pivotgrid-button-bg: null !default;
|
|
110
|
+
$kendo-pivotgrid-button-text: null !default;
|
|
111
|
+
$kendo-pivotgrid-button-hover-bg: null !default;
|
|
112
|
+
$kendo-pivotgrid-button-hover-text: null !default;
|
|
113
|
+
$kendo-pivotgrid-button-active-bg: null !default;
|
|
114
|
+
$kendo-pivotgrid-button-active-text: null !default;
|
|
115
|
+
|
|
116
|
+
$kendo-pivotgrid-remove-bg: null !default;
|
|
117
|
+
$kendo-pivotgrid-remove-text: null !default;
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
// Popover
|
|
4
4
|
.k-popover {
|
|
5
|
-
@include border-radius( $popover-border-radius );
|
|
5
|
+
@include border-radius( $kendo-popover-border-radius );
|
|
6
6
|
padding: 0;
|
|
7
|
-
border-width: $popover-border-width;
|
|
8
|
-
border-style: $popover-border-style;
|
|
7
|
+
border-width: $kendo-popover-border-width;
|
|
8
|
+
border-style: $kendo-popover-border-style;
|
|
9
9
|
box-sizing: border-box;
|
|
10
10
|
outline: 0;
|
|
11
|
-
font-size: $popover-font-size;
|
|
12
|
-
font-family: $popover-font-family;
|
|
13
|
-
line-height: $popover-line-height;
|
|
11
|
+
font-size: $kendo-popover-font-size;
|
|
12
|
+
font-family: $kendo-popover-font-family;
|
|
13
|
+
line-height: $kendo-popover-line-height;
|
|
14
14
|
display: flex;
|
|
15
15
|
flex-flow: column nowrap;
|
|
16
16
|
z-index: 12000;
|
|
@@ -25,27 +25,29 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.k-popover-inner {
|
|
28
|
+
height: inherit;
|
|
28
29
|
position: relative;
|
|
29
30
|
border-radius: inherit;
|
|
30
|
-
|
|
31
|
+
border-color: inherit;
|
|
31
32
|
}
|
|
32
33
|
|
|
33
34
|
// Header
|
|
34
35
|
.k-popover-header {
|
|
35
|
-
@include border-top-radius( $popover-border-radius );
|
|
36
|
-
padding: $popover-header-padding-y $popover-header-padding-x;
|
|
37
|
-
border-width: 0 0 $popover-header-border-width;
|
|
38
|
-
border-style: $popover-header-border-style;
|
|
36
|
+
@include border-top-radius( $kendo-popover-border-radius );
|
|
37
|
+
padding: $kendo-popover-header-padding-y $kendo-popover-header-padding-x;
|
|
38
|
+
border-width: 0 0 $kendo-popover-header-border-width;
|
|
39
|
+
border-style: $kendo-popover-header-border-style;
|
|
40
|
+
border-color: inherit;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
43
|
// Body
|
|
42
44
|
.k-popover-body {
|
|
43
|
-
padding: $popover-body-padding-y $popover-body-padding-x;
|
|
45
|
+
padding: $kendo-popover-body-padding-y $kendo-popover-body-padding-x;
|
|
44
46
|
}
|
|
45
47
|
|
|
46
48
|
// Actions
|
|
47
49
|
.k-popover-actions {
|
|
48
|
-
border-width: $popover-actions-border-width 0 0;
|
|
50
|
+
border-width: $kendo-popover-actions-border-width 0 0;
|
|
49
51
|
}
|
|
50
52
|
|
|
51
53
|
}
|
|
@@ -54,10 +56,10 @@
|
|
|
54
56
|
|
|
55
57
|
.k-popover-callout {
|
|
56
58
|
margin: 0;
|
|
57
|
-
width: $popover-callout-width;
|
|
58
|
-
height: $popover-callout-height;
|
|
59
|
-
border-width: $popover-callout-border-width;
|
|
60
|
-
border-style: $popover-callout-border-style;
|
|
59
|
+
width: $kendo-popover-callout-width;
|
|
60
|
+
height: $kendo-popover-callout-height;
|
|
61
|
+
border-width: $kendo-popover-callout-border-width;
|
|
62
|
+
border-style: $kendo-popover-callout-border-style;
|
|
61
63
|
position: absolute;
|
|
62
64
|
|
|
63
65
|
&.k-callout-n {
|
package/scss/popover/_theme.scss
CHANGED
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
// Popover
|
|
4
4
|
.k-popover {
|
|
5
|
-
@include box-shadow( $popover-shadow );
|
|
5
|
+
@include box-shadow( $kendo-popover-shadow );
|
|
6
6
|
|
|
7
7
|
@include fill(
|
|
8
|
-
$popover-text,
|
|
9
|
-
$popover-bg,
|
|
10
|
-
$popover-border
|
|
8
|
+
$kendo-popover-text,
|
|
9
|
+
$kendo-popover-bg,
|
|
10
|
+
$kendo-popover-border
|
|
11
11
|
);
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
// Header
|
|
20
20
|
.k-popover-header {
|
|
21
21
|
@include fill(
|
|
22
|
-
$popover-header-text,
|
|
23
|
-
$popover-header-bg,
|
|
24
|
-
$popover-header-border
|
|
22
|
+
$kendo-popover-header-text,
|
|
23
|
+
$kendo-popover-header-bg,
|
|
24
|
+
$kendo-popover-header-border
|
|
25
25
|
);
|
|
26
26
|
}
|
|
27
27
|
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
// Popover
|
|
2
|
-
$popover-border-width: $card-border-width !default;
|
|
3
|
-
$popover-border-style: solid !default;
|
|
4
|
-
$popover-border-radius: $card-border-radius !default;
|
|
5
|
-
$popover-font-size: $card-font-size !default;
|
|
6
|
-
$popover-font-family: $card-font-family !default;
|
|
7
|
-
$popover-line-height: $card-line-height !default;
|
|
8
|
-
$popover-bg: $kendo-component-bg !default;
|
|
9
|
-
$popover-text: $kendo-component-text !default;
|
|
10
|
-
$popover-border: $kendo-component-border !default;
|
|
11
|
-
$popover-shadow: $popup-shadow !default;
|
|
2
|
+
$kendo-popover-border-width: $kendo-card-border-width !default;
|
|
3
|
+
$kendo-popover-border-style: solid !default;
|
|
4
|
+
$kendo-popover-border-radius: $kendo-card-border-radius !default;
|
|
5
|
+
$kendo-popover-font-size: $kendo-card-font-size !default;
|
|
6
|
+
$kendo-popover-font-family: $kendo-card-font-family !default;
|
|
7
|
+
$kendo-popover-line-height: $kendo-card-line-height !default;
|
|
8
|
+
$kendo-popover-bg: $kendo-component-bg !default;
|
|
9
|
+
$kendo-popover-text: $kendo-component-text !default;
|
|
10
|
+
$kendo-popover-border: $kendo-component-border !default;
|
|
11
|
+
$kendo-popover-shadow: $kendo-popup-shadow !default;
|
|
12
12
|
|
|
13
|
-
$popover-header-padding-y: $card-header-padding-y !default;
|
|
14
|
-
$popover-header-padding-x: $card-header-padding-x !default;
|
|
15
|
-
$popover-header-border-width: $card-header-border-width !default;
|
|
16
|
-
$popover-header-border-style: $popover-border-style !default;
|
|
17
|
-
$popover-header-bg: $card-header-bg !default;
|
|
18
|
-
$popover-header-text: $card-header-text !default;
|
|
19
|
-
$popover-header-border: $card-header-border !default;
|
|
13
|
+
$kendo-popover-header-padding-y: $kendo-card-header-padding-y !default;
|
|
14
|
+
$kendo-popover-header-padding-x: $kendo-card-header-padding-x !default;
|
|
15
|
+
$kendo-popover-header-border-width: $kendo-card-header-border-width !default;
|
|
16
|
+
$kendo-popover-header-border-style: $kendo-popover-border-style !default;
|
|
17
|
+
$kendo-popover-header-bg: $kendo-card-header-bg !default;
|
|
18
|
+
$kendo-popover-header-text: $kendo-card-header-text !default;
|
|
19
|
+
$kendo-popover-header-border: $kendo-card-header-border !default;
|
|
20
20
|
|
|
21
|
-
$popover-body-padding-y: $card-body-padding-y !default;
|
|
22
|
-
$popover-body-padding-x: $card-body-padding-x !default;
|
|
21
|
+
$kendo-popover-body-padding-y: $kendo-card-body-padding-y !default;
|
|
22
|
+
$kendo-popover-body-padding-x: $kendo-card-body-padding-x !default;
|
|
23
23
|
|
|
24
|
-
$popover-actions-border-width: $popover-border-width !default;
|
|
24
|
+
$kendo-popover-actions-border-width: $kendo-popover-border-width !default;
|
|
25
25
|
|
|
26
|
-
$popover-callout-width: $card-callout-width !default;
|
|
27
|
-
$popover-callout-height: $card-callout-height !default;
|
|
28
|
-
$popover-callout-border-width: $popover-border-width !default;
|
|
29
|
-
$popover-callout-border-style: $popover-border-style !default;
|
|
30
|
-
$popover-callout-bg: $popover-bg !default;
|
|
31
|
-
$popover-callout-border: $popover-border !default;
|
|
26
|
+
$kendo-popover-callout-width: $kendo-card-callout-width !default;
|
|
27
|
+
$kendo-popover-callout-height: $kendo-card-callout-height !default;
|
|
28
|
+
$kendo-popover-callout-border-width: $kendo-popover-border-width !default;
|
|
29
|
+
$kendo-popover-callout-border-style: $kendo-popover-border-style !default;
|
|
30
|
+
$kendo-popover-callout-bg: $kendo-popover-bg !default;
|
|
31
|
+
$kendo-popover-callout-border: $kendo-popover-border !default;
|
package/scss/popup/_layout.scss
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
@include exports("popup/layout") {
|
|
2
2
|
|
|
3
3
|
.k-popup {
|
|
4
|
-
@include border-radius( $popup-border-radius );
|
|
4
|
+
@include border-radius( $kendo-popup-border-radius );
|
|
5
5
|
margin: 0;
|
|
6
6
|
padding: 0;
|
|
7
|
-
// padding: $popup-padding-y $popup-padding-x;
|
|
8
|
-
border-width: $popup-border-width;
|
|
7
|
+
// padding: $kendo-popup-padding-y $kendo-popup-padding-x;
|
|
8
|
+
border-width: $kendo-popup-border-width;
|
|
9
9
|
border-style: solid;
|
|
10
10
|
box-sizing: border-box;
|
|
11
|
-
font-size: $popup-font-size;
|
|
12
|
-
line-height: $popup-line-height;
|
|
11
|
+
font-size: $kendo-popup-font-size;
|
|
12
|
+
line-height: $kendo-popup-line-height;
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-direction: column;
|
|
15
15
|
align-items: stretch;
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.k-popup > .k-colorpalette {
|
|
30
|
-
padding: $popup-content-padding-y $popup-content-padding-x;
|
|
30
|
+
padding: $kendo-popup-content-padding-y $kendo-popup-content-padding-x;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
// Transparent popup
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
@include exports( "common/decoration/shadow/legacy" ) {
|
|
54
54
|
|
|
55
55
|
.k-shadow {
|
|
56
|
-
box-shadow: $popup-shadow;
|
|
56
|
+
box-shadow: $kendo-popup-shadow;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
}
|
package/scss/popup/_theme.scss
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
.k-popup {
|
|
4
4
|
@include fill(
|
|
5
|
-
$popup-text,
|
|
6
|
-
$popup-bg,
|
|
7
|
-
$popup-border
|
|
5
|
+
$kendo-popup-text,
|
|
6
|
+
$kendo-popup-bg,
|
|
7
|
+
$kendo-popup-border
|
|
8
8
|
);
|
|
9
|
-
@include box-shadow( $popup-shadow );
|
|
9
|
+
@include box-shadow( $kendo-popup-shadow );
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.k-animation-container {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
// Popup
|
|
2
|
-
$popup-padding-x: null !default;
|
|
3
|
-
$popup-padding-y: null !default;
|
|
4
|
-
$popup-border-width: 1px !default;
|
|
5
|
-
$popup-border-radius: null !default;
|
|
2
|
+
$kendo-popup-padding-x: null !default;
|
|
3
|
+
$kendo-popup-padding-y: null !default;
|
|
4
|
+
$kendo-popup-border-width: 1px !default;
|
|
5
|
+
$kendo-popup-border-radius: null !default;
|
|
6
6
|
|
|
7
|
-
$popup-font-size: $font-size !default;
|
|
8
|
-
$popup-line-height: $line-height !default;
|
|
7
|
+
$kendo-popup-font-size: $kendo-font-size-md !default;
|
|
8
|
+
$kendo-popup-line-height: $kendo-line-height-md !default;
|
|
9
9
|
|
|
10
|
-
$popup-content-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
11
|
-
$popup-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
10
|
+
$kendo-popup-content-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
11
|
+
$kendo-popup-content-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
12
12
|
|
|
13
|
-
$popup-bg: $kendo-component-bg !default;
|
|
14
|
-
$popup-text: $kendo-component-text !default;
|
|
15
|
-
$popup-border: $kendo-component-border !default;
|
|
16
|
-
$popup-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !default;
|
|
13
|
+
$kendo-popup-bg: $kendo-component-bg !default;
|
|
14
|
+
$kendo-popup-text: $kendo-component-text !default;
|
|
15
|
+
$kendo-popup-border: $kendo-component-border !default;
|
|
16
|
+
$kendo-popup-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !default;
|
|
@@ -14,10 +14,10 @@ $kendo-progressbar-animation-timing: 1s linear infinite !default;
|
|
|
14
14
|
$kendo-progressbar-border-width: 0px !default;
|
|
15
15
|
/// Font family of the progressbar.
|
|
16
16
|
/// @group progressbar
|
|
17
|
-
$kendo-progressbar-font-family: $font-family !default;
|
|
17
|
+
$kendo-progressbar-font-family: $kendo-font-family !default;
|
|
18
18
|
/// Font size of the progressbar.
|
|
19
19
|
/// @group progressbar
|
|
20
|
-
$kendo-progressbar-font-size: $font-size-sm !default;
|
|
20
|
+
$kendo-progressbar-font-size: $kendo-font-size-sm !default;
|
|
21
21
|
/// Line height of the progressbar.
|
|
22
22
|
/// @group progressbar
|
|
23
23
|
$kendo-progressbar-line-height: 1 !default;
|
package/scss/radio/_index.scss
CHANGED
package/scss/radio/_theme.scss
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
.k-radio:focus,
|
|
26
26
|
.k-radio.k-focus {
|
|
27
27
|
@include fill( $border: $kendo-radio-focus-border );
|
|
28
|
-
@include
|
|
28
|
+
@include focus-indicator( $kendo-radio-focus-shadow );
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
.k-radio:checked:focus,
|
|
55
55
|
.k-radio.k-checked.k-focus {
|
|
56
56
|
@include fill( $border: $kendo-radio-focus-checked-border );
|
|
57
|
-
@include
|
|
57
|
+
@include focus-indicator( $kendo-radio-focus-checked-shadow );
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
@import "../list/_variables.scss";
|
|
2
|
+
@import "../checkbox/_variables.scss";
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
// Radio button
|
|
2
6
|
|
|
3
7
|
/// Border radius of radio button.
|
|
@@ -138,7 +142,7 @@ $kendo-radio-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
|
|
|
138
142
|
$kendo-radio-list-item-padding-x: 0px !default;
|
|
139
143
|
/// The vertical list item padding of radio button.
|
|
140
144
|
/// @group radio
|
|
141
|
-
$kendo-radio-list-item-padding-y: $kendo-list-item-padding-y
|
|
145
|
+
$kendo-radio-list-item-padding-y: $kendo-list-md-item-padding-y !default;
|
|
142
146
|
|
|
143
147
|
|
|
144
148
|
// Radio ripple
|
package/scss/rating/_layout.scss
CHANGED
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
box-sizing: border-box;
|
|
8
8
|
outline: 0;
|
|
9
9
|
background: none;
|
|
10
|
-
font-family: $rating-font-family;
|
|
11
|
-
font-size: $rating-font-size;
|
|
12
|
-
line-height: $rating-line-height;
|
|
10
|
+
font-family: $kendo-rating-font-family;
|
|
11
|
+
font-size: $kendo-rating-font-size;
|
|
12
|
+
line-height: $kendo-rating-line-height;
|
|
13
13
|
display: inline-flex;
|
|
14
14
|
-webkit-touch-callout: none;
|
|
15
15
|
-webkit-tap-highlight-color: $kendo-color-rgba-transparent;
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
.k-rating-container {
|
|
29
29
|
flex: 0 1 auto;
|
|
30
30
|
position: relative;
|
|
31
|
-
margin: 0 $rating-container-margin-x;
|
|
31
|
+
margin: 0 $kendo-rating-container-margin-x;
|
|
32
32
|
|
|
33
33
|
.k-rating-item {
|
|
34
34
|
display: inline-flex;
|
|
35
35
|
position: relative;
|
|
36
|
-
padding: $rating-item-padding-y $rating-item-padding-x;
|
|
36
|
+
padding: $kendo-rating-item-padding-y $kendo-rating-item-padding-x;
|
|
37
37
|
align-items: center;
|
|
38
38
|
vertical-align: middle;
|
|
39
39
|
margin: 0;
|
|
@@ -46,15 +46,15 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.k-icon {
|
|
49
|
-
font-size: $rating-icon-size;
|
|
49
|
+
font-size: $kendo-rating-icon-size;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.k-rating-precision-part,
|
|
53
53
|
.k-rating-precision-complement {
|
|
54
54
|
display: inherit;
|
|
55
55
|
position: absolute;
|
|
56
|
-
top: $rating-item-padding-y;
|
|
57
|
-
left: $rating-item-padding-x;
|
|
56
|
+
top: $kendo-rating-item-padding-y;
|
|
57
|
+
left: $kendo-rating-item-padding-x;
|
|
58
58
|
overflow: hidden;
|
|
59
59
|
}
|
|
60
60
|
|
|
@@ -72,15 +72,15 @@
|
|
|
72
72
|
display: inline-flex;
|
|
73
73
|
align-items: center;
|
|
74
74
|
vertical-align: middle;
|
|
75
|
-
line-height: $rating-label-line-height;
|
|
76
|
-
margin: $rating-label-margin-y $rating-label-margin-x;
|
|
75
|
+
line-height: $kendo-rating-label-line-height;
|
|
76
|
+
margin: $kendo-rating-label-margin-y $kendo-rating-label-margin-x;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.k-rtl,
|
|
80
80
|
[dir="rtl"] {
|
|
81
81
|
.k-rating-precision-part {
|
|
82
82
|
left: auto;
|
|
83
|
-
right: $rating-item-padding-x;
|
|
83
|
+
right: $kendo-rating-item-padding-x;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
.k-rating-item .k-rating-precision-complement {
|
package/scss/rating/_theme.scss
CHANGED
|
@@ -8,31 +8,31 @@
|
|
|
8
8
|
|
|
9
9
|
.k-rating-item {
|
|
10
10
|
> .k-icon {
|
|
11
|
-
text-shadow: $rating-icon-focus-shadow;
|
|
11
|
+
text-shadow: $kendo-rating-icon-focus-shadow;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
&.k-selected > .k-icon {
|
|
15
|
-
text-shadow: $rating-icon-focus-selected-shadow;
|
|
15
|
+
text-shadow: $kendo-rating-icon-focus-selected-shadow;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.k-rating-item {
|
|
22
|
-
color: $rating-icon-text;
|
|
22
|
+
color: $kendo-rating-icon-text;
|
|
23
23
|
|
|
24
24
|
&.k-selected {
|
|
25
|
-
color: $rating-icon-selected-text;
|
|
25
|
+
color: $kendo-rating-icon-selected-text;
|
|
26
26
|
|
|
27
27
|
&:focus,
|
|
28
28
|
&.k-focus {
|
|
29
|
-
color: $rating-icon-focus-text;
|
|
29
|
+
color: $kendo-rating-icon-focus-text;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
&:hover,
|
|
34
34
|
&.k-hover {
|
|
35
|
-
color: $rating-icon-hover-text;
|
|
35
|
+
color: $kendo-rating-icon-hover-text;
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
}
|
|
38
38
|
}
|