@progress/kendo-theme-classic 5.12.1-dev.2 → 5.12.1-dev.4
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 +222 -18
- package/dist/all.scss +4772 -4687
- package/dist/classic-green-dark.scss +27 -30
- package/dist/classic-green.scss +27 -29
- package/dist/classic-main-dark.scss +27 -30
- package/dist/classic-main.scss +27 -29
- package/dist/classic-opal-dark.scss +27 -30
- package/dist/classic-opal.scss +27 -29
- package/dist/classic-silver-dark.scss +27 -30
- package/dist/classic-silver.scss +27 -29
- package/lib/swatches/classic-green-dark.json +31 -49
- package/lib/swatches/classic-green.json +33 -41
- package/lib/swatches/classic-main-dark.json +31 -49
- package/lib/swatches/classic-main.json +33 -41
- package/lib/swatches/classic-opal-dark.json +31 -49
- package/lib/swatches/classic-opal.json +33 -41
- package/lib/swatches/classic-silver-dark.json +31 -49
- package/lib/swatches/classic-silver.json +33 -41
- package/package.json +5 -5
- package/scss/_variables.scss +52 -49
- package/scss/action-buttons/_variables.scss +9 -9
- package/scss/action-sheet/_variables.scss +63 -63
- package/scss/adaptive/_variables.scss +18 -18
- package/scss/appbar/_variables.scss +3 -3
- package/scss/avatar/_variables.scss +3 -3
- package/scss/badge/_variables.scss +32 -32
- package/scss/bottom-navigation/_variables.scss +23 -23
- package/scss/breadcrumb/_variables.scss +45 -44
- package/scss/button/_variables.scss +39 -39
- package/scss/calendar/_variables.scss +84 -87
- package/scss/captcha/_variables.scss +14 -14
- package/scss/card/_variables.scss +55 -55
- package/scss/chat/_variables.scss +57 -57
- package/scss/checkbox/_variables.scss +1 -1
- package/scss/chip/_variables.scss +29 -29
- package/scss/color-preview/_variables.scss +11 -11
- package/scss/coloreditor/_variables.scss +24 -24
- package/scss/colorgradient/_variables.scss +51 -51
- package/scss/colorpalette/_variables.scss +8 -8
- package/scss/dataviz/_variables.scss +97 -97
- package/scss/datetimepicker/_variables.scss +1 -1
- package/scss/dialog/_variables.scss +3 -3
- package/scss/draggable/_variables.scss +20 -20
- package/scss/drawer/_variables.scss +4 -4
- package/scss/dropdowntree/_variables.scss +2 -2
- package/scss/dropzone/_variables.scss +20 -20
- package/scss/editor/_variables.scss +3 -3
- package/scss/expansion-panel/_variables.scss +22 -22
- package/scss/fab/_variables.scss +10 -10
- package/scss/filemanager/_variables.scss +59 -59
- package/scss/filter/_variables.scss +8 -8
- package/scss/floating-label/_variables.scss +14 -14
- package/scss/forms/_variables.scss +12 -12
- package/scss/gantt/_variables.scss +92 -92
- package/scss/grid/_variables.scss +74 -74
- package/scss/imageeditor/_variables.scss +31 -31
- package/scss/input/_variables.scss +36 -36
- package/scss/list/_variables.scss +66 -72
- package/scss/listbox/_variables.scss +3 -3
- package/scss/listgroup/_variables.scss +10 -10
- package/scss/listview/_variables.scss +3 -3
- package/scss/loader/_variables.scss +30 -30
- package/scss/map/_variables.scss +21 -21
- package/scss/mediaplayer/_variables.scss +13 -13
- package/scss/menu/_variables.scss +65 -68
- package/scss/messagebox/_variables.scss +11 -11
- package/scss/notification/_variables.scss +4 -4
- package/scss/orgchart/_variables.scss +56 -56
- package/scss/overlay/_variables.scss +3 -3
- package/scss/pager/_variables.scss +33 -33
- package/scss/panelbar/_variables.scss +104 -104
- package/scss/pdf-viewer/_variables.scss +44 -44
- package/scss/pivotgrid/_variables.scss +86 -86
- package/scss/popover/_variables.scss +16 -16
- package/scss/popup/_variables.scss +12 -12
- package/scss/progressbar/_variables.scss +2 -2
- package/scss/radio/_variables.scss +1 -1
- package/scss/rating/_variables.scss +16 -16
- package/scss/scheduler/_variables.scss +89 -89
- package/scss/scrollview/_variables.scss +32 -32
- package/scss/signature/_variables.scss +18 -18
- package/scss/skeleton/_variables.scss +6 -6
- package/scss/slider/_variables.scss +44 -44
- package/scss/split-button/_variables.scss +6 -6
- package/scss/splitter/_variables.scss +18 -18
- package/scss/spreadsheet/_variables.scss +29 -29
- package/scss/stepper/_variables.scss +86 -86
- package/scss/switch/_variables.scss +4 -4
- package/scss/table/_variables.scss +18 -18
- package/scss/tabstrip/_variables.scss +41 -41
- package/scss/taskboard/_variables.scss +93 -93
- package/scss/tilelayout/_variables.scss +8 -8
- package/scss/timeline/_variables.scss +50 -50
- package/scss/timeselector/_variables.scss +36 -39
- package/scss/toolbar/_variables.scss +21 -21
- package/scss/tooltip/_variables.scss +29 -29
- package/scss/treeview/_variables.scss +30 -33
- package/scss/typography/_variables.scss +84 -92
- package/scss/upload/_variables.scss +3 -3
- package/scss/window/_variables.scss +6 -6
- package/scss/wizard/_variables.scss +10 -10
|
@@ -1,134 +1,131 @@
|
|
|
1
|
-
@import "../typography/_variables.scss";
|
|
2
|
-
|
|
3
|
-
|
|
4
1
|
// Calendar
|
|
5
2
|
|
|
6
|
-
$calendar-border-width: 1px !default;
|
|
7
|
-
$calendar-font-family: $font-family !default;
|
|
8
|
-
$calendar-font-size: $font-size !default;
|
|
9
|
-
$calendar-line-height: $line-height !default;
|
|
3
|
+
$kendo-calendar-border-width: 1px !default;
|
|
4
|
+
$kendo-calendar-font-family: $kendo-font-family !default;
|
|
5
|
+
$kendo-calendar-font-size: $kendo-font-size-md !default;
|
|
6
|
+
$kendo-calendar-line-height: $kendo-line-height-md !default;
|
|
10
7
|
|
|
11
|
-
$calendar-cell-size: 32px !default;
|
|
8
|
+
$kendo-calendar-cell-size: 32px !default;
|
|
12
9
|
|
|
13
|
-
$calendar-bg: $kendo-component-bg !default;
|
|
14
|
-
$calendar-text: $kendo-component-text !default;
|
|
15
|
-
$calendar-border: $kendo-component-border !default;
|
|
10
|
+
$kendo-calendar-bg: $kendo-component-bg !default;
|
|
11
|
+
$kendo-calendar-text: $kendo-component-text !default;
|
|
12
|
+
$kendo-calendar-border: $kendo-component-border !default;
|
|
16
13
|
|
|
17
|
-
$calendar-header-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
18
|
-
$calendar-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
19
|
-
$calendar-header-border-width: 1px !default;
|
|
14
|
+
$kendo-calendar-header-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
15
|
+
$kendo-calendar-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
16
|
+
$kendo-calendar-header-border-width: 1px !default;
|
|
20
17
|
|
|
21
|
-
$calendar-header-bg: $kendo-component-header-bg !default;
|
|
22
|
-
$calendar-header-text: $kendo-component-header-text !default;
|
|
23
|
-
$calendar-header-border: $kendo-component-header-border !default;
|
|
24
|
-
$calendar-header-gradient: $kendo-component-header-gradient !default;
|
|
25
|
-
$calendar-header-shadow: null !default;
|
|
18
|
+
$kendo-calendar-header-bg: $kendo-component-header-bg !default;
|
|
19
|
+
$kendo-calendar-header-text: $kendo-component-header-text !default;
|
|
20
|
+
$kendo-calendar-header-border: $kendo-component-header-border !default;
|
|
21
|
+
$kendo-calendar-header-gradient: $kendo-component-header-gradient !default;
|
|
22
|
+
$kendo-calendar-header-shadow: null !default;
|
|
26
23
|
|
|
27
|
-
$calendar-nav-gap: null !default;
|
|
24
|
+
$kendo-calendar-nav-gap: null !default;
|
|
28
25
|
|
|
29
|
-
$calendar-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
30
|
-
$calendar-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
26
|
+
$kendo-calendar-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
27
|
+
$kendo-calendar-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
31
28
|
|
|
32
|
-
$calendar-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
33
|
-
$calendar-cell-padding-y: $calendar-cell-padding-x !default;
|
|
34
|
-
$calendar-cell-line-height: $calendar-line-height !default;
|
|
35
|
-
$calendar-cell-border-radius: $kendo-border-radius-md !default;
|
|
29
|
+
$kendo-calendar-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
30
|
+
$kendo-calendar-cell-padding-y: $kendo-calendar-cell-padding-x !default;
|
|
31
|
+
$kendo-calendar-cell-line-height: $kendo-calendar-line-height !default;
|
|
32
|
+
$kendo-calendar-cell-border-radius: $kendo-border-radius-md !default;
|
|
36
33
|
|
|
37
|
-
$calendar-header-cell-padding-x: null !default;
|
|
38
|
-
$calendar-header-cell-padding-y: null !default;
|
|
39
|
-
$calendar-header-cell-width: $calendar-cell-size !default;
|
|
40
|
-
$calendar-header-cell-height: $calendar-cell-size !default;
|
|
41
|
-
$calendar-header-cell-font-size: $font-size-sm !default;
|
|
42
|
-
$calendar-header-cell-line-height: 2 !default;
|
|
43
|
-
$calendar-header-cell-bg: null !default;
|
|
44
|
-
$calendar-header-cell-text: $kendo-subtle-text !default;
|
|
45
|
-
$calendar-header-cell-opacity: null !default;
|
|
34
|
+
$kendo-calendar-header-cell-padding-x: null !default;
|
|
35
|
+
$kendo-calendar-header-cell-padding-y: null !default;
|
|
36
|
+
$kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
|
|
37
|
+
$kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
|
|
38
|
+
$kendo-calendar-header-cell-font-size: $kendo-font-size-sm !default;
|
|
39
|
+
$kendo-calendar-header-cell-line-height: 2 !default;
|
|
40
|
+
$kendo-calendar-header-cell-bg: null !default;
|
|
41
|
+
$kendo-calendar-header-cell-text: $kendo-subtle-text !default;
|
|
42
|
+
$kendo-calendar-header-cell-opacity: null !default;
|
|
46
43
|
|
|
47
|
-
$calendar-caption-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
48
|
-
$calendar-caption-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
49
|
-
$calendar-caption-height: $calendar-cell-size !default;
|
|
50
|
-
$calendar-caption-font-size: null !default;
|
|
51
|
-
$calendar-caption-line-height: null !default;
|
|
52
|
-
$calendar-caption-font-weight: bold !default;
|
|
44
|
+
$kendo-calendar-caption-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
45
|
+
$kendo-calendar-caption-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
46
|
+
$kendo-calendar-caption-height: $kendo-calendar-cell-size !default;
|
|
47
|
+
$kendo-calendar-caption-font-size: null !default;
|
|
48
|
+
$kendo-calendar-caption-line-height: null !default;
|
|
49
|
+
$kendo-calendar-caption-font-weight: bold !default;
|
|
53
50
|
|
|
54
|
-
$calendar-view-width: ($calendar-cell-size * 8) !default;
|
|
55
|
-
$calendar-view-height: ($calendar-cell-size * 7) !default;
|
|
56
|
-
$calendar-view-gap: k-map-get( $kendo-spacing, 4 ) !default;
|
|
51
|
+
$kendo-calendar-view-width: ($kendo-calendar-cell-size * 8) !default;
|
|
52
|
+
$kendo-calendar-view-height: ($kendo-calendar-cell-size * 7) !default;
|
|
53
|
+
$kendo-calendar-view-gap: k-map-get( $kendo-spacing, 4 ) !default;
|
|
57
54
|
|
|
58
|
-
$calendar-weekend-bg: null !default;
|
|
59
|
-
$calendar-weekend-text: null !default;
|
|
55
|
+
$kendo-calendar-weekend-bg: null !default;
|
|
56
|
+
$kendo-calendar-weekend-text: null !default;
|
|
60
57
|
|
|
61
|
-
$calendar-today-style: null !default;
|
|
62
|
-
$calendar-today-color: null !default;
|
|
58
|
+
$kendo-calendar-today-style: null !default;
|
|
59
|
+
$kendo-calendar-today-color: null !default;
|
|
63
60
|
|
|
64
|
-
$calendar-week-number-bg: null !default;
|
|
65
|
-
$calendar-week-number-text: $calendar-header-cell-text !default;
|
|
61
|
+
$kendo-calendar-week-number-bg: null !default;
|
|
62
|
+
$kendo-calendar-week-number-text: $kendo-calendar-header-cell-text !default;
|
|
66
63
|
|
|
67
|
-
$calendar-other-month-bg: null !default;
|
|
68
|
-
$calendar-other-month-text: $calendar-header-cell-text !default;
|
|
64
|
+
$kendo-calendar-other-month-bg: null !default;
|
|
65
|
+
$kendo-calendar-other-month-text: $kendo-calendar-header-cell-text !default;
|
|
69
66
|
|
|
70
|
-
$calendar-cell-bg: null !default;
|
|
71
|
-
$calendar-cell-text: null !default;
|
|
72
|
-
$calendar-cell-border: null !default;
|
|
73
|
-
$calendar-cell-gradient: null !default;
|
|
67
|
+
$kendo-calendar-cell-bg: null !default;
|
|
68
|
+
$kendo-calendar-cell-text: null !default;
|
|
69
|
+
$kendo-calendar-cell-border: null !default;
|
|
70
|
+
$kendo-calendar-cell-gradient: null !default;
|
|
74
71
|
|
|
75
|
-
$calendar-cell-hover-bg: $kendo-hover-bg !default;
|
|
76
|
-
$calendar-cell-hover-text: $kendo-hover-text !default;
|
|
77
|
-
$calendar-cell-hover-border: $kendo-hover-border !default;
|
|
78
|
-
$calendar-cell-hover-gradient: null !default;
|
|
72
|
+
$kendo-calendar-cell-hover-bg: $kendo-hover-bg !default;
|
|
73
|
+
$kendo-calendar-cell-hover-text: $kendo-hover-text !default;
|
|
74
|
+
$kendo-calendar-cell-hover-border: $kendo-hover-border !default;
|
|
75
|
+
$kendo-calendar-cell-hover-gradient: null !default;
|
|
79
76
|
|
|
80
|
-
$calendar-cell-selected-bg: $kendo-selected-bg !default;
|
|
81
|
-
$calendar-cell-selected-text: $kendo-selected-text !default;
|
|
82
|
-
$calendar-cell-selected-border: $kendo-selected-border !default;
|
|
83
|
-
$calendar-cell-selected-gradient: null !default;
|
|
77
|
+
$kendo-calendar-cell-selected-bg: $kendo-selected-bg !default;
|
|
78
|
+
$kendo-calendar-cell-selected-text: $kendo-selected-text !default;
|
|
79
|
+
$kendo-calendar-cell-selected-border: $kendo-selected-border !default;
|
|
80
|
+
$kendo-calendar-cell-selected-gradient: null !default;
|
|
84
81
|
|
|
85
|
-
$calendar-cell-selected-hover-bg: $kendo-selected-hover-bg !default;
|
|
86
|
-
$calendar-cell-selected-hover-text: $kendo-selected-hover-text !default;
|
|
87
|
-
$calendar-cell-selected-hover-border: $kendo-selected-hover-border !default;
|
|
88
|
-
$calendar-cell-selected-hover-gradient: null !default;
|
|
82
|
+
$kendo-calendar-cell-selected-hover-bg: $kendo-selected-hover-bg !default;
|
|
83
|
+
$kendo-calendar-cell-selected-hover-text: $kendo-selected-hover-text !default;
|
|
84
|
+
$kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !default;
|
|
85
|
+
$kendo-calendar-cell-selected-hover-gradient: null !default;
|
|
89
86
|
|
|
90
|
-
$calendar-cell-focus-shadow: inset 0 0 0 2px rgba( black, .08 ) !default;
|
|
91
|
-
$calendar-cell-selected-focus-shadow: $calendar-cell-focus-shadow !default;
|
|
87
|
+
$kendo-calendar-cell-focus-shadow: inset 0 0 0 2px rgba( black, .08 ) !default;
|
|
88
|
+
$kendo-calendar-cell-selected-focus-shadow: $kendo-calendar-cell-focus-shadow !default;
|
|
92
89
|
|
|
93
90
|
|
|
94
91
|
// Calendar navigation
|
|
95
|
-
$calendar-navigation-width: 5em !default;
|
|
96
|
-
$calendar-navigation-item-height: 2em !default;
|
|
92
|
+
$kendo-calendar-navigation-width: 5em !default;
|
|
93
|
+
$kendo-calendar-navigation-item-height: 2em !default;
|
|
97
94
|
|
|
98
|
-
$calendar-navigation-bg: $calendar-header-bg !default;
|
|
99
|
-
$calendar-navigation-text: $calendar-header-text !default;
|
|
100
|
-
$calendar-navigation-border: $calendar-header-border !default;
|
|
95
|
+
$kendo-calendar-navigation-bg: $kendo-calendar-header-bg !default;
|
|
96
|
+
$kendo-calendar-navigation-text: $kendo-calendar-header-text !default;
|
|
97
|
+
$kendo-calendar-navigation-border: $kendo-calendar-header-border !default;
|
|
101
98
|
|
|
102
|
-
$calendar-navigation-hover-text: $link-hover-text !default;
|
|
99
|
+
$kendo-calendar-navigation-hover-text: $kendo-link-hover-text !default;
|
|
103
100
|
|
|
104
101
|
|
|
105
102
|
// Infinite calendar
|
|
106
|
-
$infinite-calendar-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
107
|
-
$infinite-calendar-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
103
|
+
$kendo-infinite-calendar-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
104
|
+
$kendo-infinite-calendar-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
108
105
|
|
|
109
|
-
$infinite-calendar-view-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
110
|
-
$infinite-calendar-view-padding-y: 0px !default;
|
|
111
|
-
$infinite-calendar-view-height: ( $calendar-cell-size * 9 ) !default;
|
|
106
|
+
$kendo-infinite-calendar-view-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
107
|
+
$kendo-infinite-calendar-view-padding-y: 0px !default;
|
|
108
|
+
$kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default;
|
|
112
109
|
|
|
113
110
|
|
|
114
111
|
// Multiview calendar
|
|
115
112
|
|
|
116
113
|
|
|
117
114
|
// Calendar sizes
|
|
118
|
-
$kendo-calendar-sm-font-size: $font-size-md !default;
|
|
119
|
-
$kendo-calendar-sm-line-height: $line-height-md !default;
|
|
115
|
+
$kendo-calendar-sm-font-size: $kendo-font-size-md !default;
|
|
116
|
+
$kendo-calendar-sm-line-height: $kendo-line-height-md !default;
|
|
120
117
|
$kendo-calendar-sm-cell-size: 28px !default;
|
|
121
118
|
$kendo-calendar-sm-cell-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
122
119
|
$kendo-calendar-sm-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
123
120
|
|
|
124
|
-
$kendo-calendar-md-font-size: $font-size-md !default;
|
|
125
|
-
$kendo-calendar-md-line-height: $line-height-md !default;
|
|
121
|
+
$kendo-calendar-md-font-size: $kendo-font-size-md !default;
|
|
122
|
+
$kendo-calendar-md-line-height: $kendo-line-height-md !default;
|
|
126
123
|
$kendo-calendar-md-cell-size: 32px !default;
|
|
127
124
|
$kendo-calendar-md-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
128
125
|
$kendo-calendar-md-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
129
126
|
|
|
130
|
-
$kendo-calendar-lg-font-size: $font-size-lg !default;
|
|
131
|
-
$kendo-calendar-lg-line-height: $line-height-lg !default;
|
|
127
|
+
$kendo-calendar-lg-font-size: $kendo-font-size-lg !default;
|
|
128
|
+
$kendo-calendar-lg-line-height: $kendo-line-height-lg !default;
|
|
132
129
|
$kendo-calendar-lg-cell-size: 40px !default;
|
|
133
130
|
$kendo-calendar-lg-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
134
131
|
$kendo-calendar-lg-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
// Captcha
|
|
2
|
-
$captcha-spacer: k-map-get( $kendo-spacing, 2 ) !default;
|
|
2
|
+
$kendo-captcha-spacer: k-map-get( $kendo-spacing, 2 ) !default;
|
|
3
3
|
|
|
4
|
-
$captcha-width: 280px !default;
|
|
5
|
-
$captcha-font-family: $font-family !default;
|
|
6
|
-
$captcha-font-size: $font-size !default;
|
|
7
|
-
$captcha-line-height: $line-height !default;
|
|
8
|
-
$captcha-gap: $captcha-spacer !default;
|
|
9
|
-
$captcha-bg: $kendo-component-bg !default;
|
|
10
|
-
$captcha-text: $kendo-component-bg !default;
|
|
11
|
-
$captcha-border: $kendo-component-bg !default;
|
|
4
|
+
$kendo-captcha-width: 280px !default;
|
|
5
|
+
$kendo-captcha-font-family: $kendo-font-family !default;
|
|
6
|
+
$kendo-captcha-font-size: $kendo-font-size-md !default;
|
|
7
|
+
$kendo-captcha-line-height: $kendo-line-height-md !default;
|
|
8
|
+
$kendo-captcha-gap: $kendo-captcha-spacer !default;
|
|
9
|
+
$kendo-captcha-bg: $kendo-component-bg !default;
|
|
10
|
+
$kendo-captcha-text: $kendo-component-bg !default;
|
|
11
|
+
$kendo-captcha-border: $kendo-component-bg !default;
|
|
12
12
|
|
|
13
|
-
$captcha-image-wrap-gap: $captcha-spacer !default;
|
|
13
|
+
$kendo-captcha-image-wrap-gap: $kendo-captcha-spacer !default;
|
|
14
14
|
|
|
15
|
-
$captcha-image-controls-gap: $captcha-spacer !default;
|
|
15
|
+
$kendo-captcha-image-controls-gap: $kendo-captcha-spacer !default;
|
|
16
16
|
|
|
17
|
-
$captcha-validation-message-margin-top: k-math-div( $captcha-spacer, 2 ) !default;
|
|
18
|
-
$captcha-validation-message-font-size: $font-size-sm !default;
|
|
19
|
-
$captcha-validation-message-font-style: italic !default;
|
|
17
|
+
$kendo-captcha-validation-message-margin-top: k-math-div( $kendo-captcha-spacer, 2 ) !default;
|
|
18
|
+
$kendo-captcha-validation-message-font-size: $kendo-font-size-sm !default;
|
|
19
|
+
$kendo-captcha-validation-message-font-style: italic !default;
|
|
@@ -1,68 +1,68 @@
|
|
|
1
1
|
// Card
|
|
2
|
-
$card-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
3
|
-
$card-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
4
|
-
$card-border-width: 1px !default;
|
|
5
|
-
$card-border-radius: $kendo-border-radius-lg !default;
|
|
6
|
-
$card-inner-border-radius: calc( #{$card-border-radius} - #{$card-border-width} ) !default;
|
|
7
|
-
$card-font-family: $font-family !default;
|
|
8
|
-
$card-font-size: $font-size !default;
|
|
9
|
-
$card-line-height: $line-height !default;
|
|
2
|
+
$kendo-card-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
3
|
+
$kendo-card-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
4
|
+
$kendo-card-border-width: 1px !default;
|
|
5
|
+
$kendo-card-border-radius: $kendo-border-radius-lg !default;
|
|
6
|
+
$kendo-card-inner-border-radius: calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} ) !default;
|
|
7
|
+
$kendo-card-font-family: $kendo-font-family !default;
|
|
8
|
+
$kendo-card-font-size: $kendo-font-size-md !default;
|
|
9
|
+
$kendo-card-line-height: $kendo-line-height-md !default;
|
|
10
10
|
|
|
11
|
-
$card-deck-gap: k-map-get( $kendo-spacing, 4 ) !default;
|
|
11
|
+
$kendo-card-deck-gap: k-map-get( $kendo-spacing, 4 ) !default;
|
|
12
12
|
|
|
13
|
-
$card-bg: $kendo-component-bg !default;
|
|
14
|
-
$card-text: $kendo-component-text !default;
|
|
15
|
-
$card-border: $kendo-component-border !default;
|
|
16
|
-
$card-shadow: null !default;
|
|
13
|
+
$kendo-card-bg: $kendo-component-bg !default;
|
|
14
|
+
$kendo-card-text: $kendo-component-text !default;
|
|
15
|
+
$kendo-card-border: $kendo-component-border !default;
|
|
16
|
+
$kendo-card-shadow: null !default;
|
|
17
17
|
|
|
18
|
-
$card-focus-bg: null !default;
|
|
19
|
-
$card-focus-text: null !default;
|
|
20
|
-
$card-focus-border: rgba( black, .15 ) !default;
|
|
21
|
-
$card-focus-shadow: 0 3px 4px 0 rgba( black, .06 ) !default;
|
|
18
|
+
$kendo-card-focus-bg: null !default;
|
|
19
|
+
$kendo-card-focus-text: null !default;
|
|
20
|
+
$kendo-card-focus-border: rgba( black, .15 ) !default;
|
|
21
|
+
$kendo-card-focus-shadow: 0 3px 4px 0 rgba( black, .06 ) !default;
|
|
22
22
|
|
|
23
|
-
$card-header-padding-x: $card-padding-x !default;
|
|
24
|
-
$card-header-padding-y: $card-padding-y !default;
|
|
25
|
-
$card-header-border-width: 1px !default;
|
|
26
|
-
$card-header-bg: null !default;
|
|
27
|
-
$card-header-text: $kendo-component-header-text !default;
|
|
28
|
-
$card-header-border: $kendo-component-header-border !default;
|
|
23
|
+
$kendo-card-header-padding-x: $kendo-card-padding-x !default;
|
|
24
|
+
$kendo-card-header-padding-y: $kendo-card-padding-y !default;
|
|
25
|
+
$kendo-card-header-border-width: 1px !default;
|
|
26
|
+
$kendo-card-header-bg: null !default;
|
|
27
|
+
$kendo-card-header-text: $kendo-component-header-text !default;
|
|
28
|
+
$kendo-card-header-border: $kendo-component-header-border !default;
|
|
29
29
|
|
|
30
|
-
$card-body-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
31
|
-
$card-body-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
30
|
+
$kendo-card-body-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
31
|
+
$kendo-card-body-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
32
32
|
|
|
33
|
-
$card-footer-padding-x: $card-padding-x !default;
|
|
34
|
-
$card-footer-padding-y: $card-padding-y !default;
|
|
35
|
-
$card-footer-border-width: 1px !default;
|
|
36
|
-
$card-footer-bg: null !default;
|
|
37
|
-
$card-footer-text: $kendo-component-header-text !default;
|
|
38
|
-
$card-footer-border: $kendo-component-header-border !default;
|
|
33
|
+
$kendo-card-footer-padding-x: $kendo-card-padding-x !default;
|
|
34
|
+
$kendo-card-footer-padding-y: $kendo-card-padding-y !default;
|
|
35
|
+
$kendo-card-footer-border-width: 1px !default;
|
|
36
|
+
$kendo-card-footer-bg: null !default;
|
|
37
|
+
$kendo-card-footer-text: $kendo-component-header-text !default;
|
|
38
|
+
$kendo-card-footer-border: $kendo-component-header-border !default;
|
|
39
39
|
|
|
40
|
-
$card-title-margin-bottom: k-map-get( $kendo-spacing, 2 ) !default;
|
|
41
|
-
$card-title-font-size: $h5-font-size !default;
|
|
42
|
-
$card-title-font-family: null !default;
|
|
43
|
-
$card-title-line-height: 1.25 !default;
|
|
44
|
-
$card-title-font-weight: $font-weight-normal !default;
|
|
45
|
-
$card-title-letter-spacing: null !default;
|
|
40
|
+
$kendo-card-title-margin-bottom: k-map-get( $kendo-spacing, 2 ) !default;
|
|
41
|
+
$kendo-card-title-font-size: $kendo-h5-font-size !default;
|
|
42
|
+
$kendo-card-title-font-family: null !default;
|
|
43
|
+
$kendo-card-title-line-height: 1.25 !default;
|
|
44
|
+
$kendo-card-title-font-weight: $kendo-font-weight-normal !default;
|
|
45
|
+
$kendo-card-title-letter-spacing: null !default;
|
|
46
46
|
|
|
47
|
-
$card-subtitle-margin-bottom: k-map-get( $kendo-spacing, 2 ) !default;
|
|
48
|
-
$card-subtitle-font-size: $font-size-sm !default;
|
|
49
|
-
$card-subtitle-font-family: null !default;
|
|
50
|
-
$card-subtitle-line-height: normal !default;
|
|
51
|
-
$card-subtitle-font-weight: $font-weight-normal !default;
|
|
52
|
-
$card-subtitle-letter-spacing: null !default;
|
|
53
|
-
$card-subtitle-text: $kendo-subtle-text !default;
|
|
47
|
+
$kendo-card-subtitle-margin-bottom: k-map-get( $kendo-spacing, 2 ) !default;
|
|
48
|
+
$kendo-card-subtitle-font-size: $kendo-font-size-sm !default;
|
|
49
|
+
$kendo-card-subtitle-font-family: null !default;
|
|
50
|
+
$kendo-card-subtitle-line-height: normal !default;
|
|
51
|
+
$kendo-card-subtitle-font-weight: $kendo-font-weight-normal !default;
|
|
52
|
+
$kendo-card-subtitle-letter-spacing: null !default;
|
|
53
|
+
$kendo-card-subtitle-text: $kendo-subtle-text !default;
|
|
54
54
|
|
|
55
|
-
$card-img-max-width: 100px !default;
|
|
56
|
-
$card-avatar-size: 45px !default;
|
|
57
|
-
$card-avatar-spacing: $card-header-padding-x !default;
|
|
55
|
+
$kendo-card-img-max-width: 100px !default;
|
|
56
|
+
$kendo-card-avatar-size: 45px !default;
|
|
57
|
+
$kendo-card-avatar-spacing: $kendo-card-header-padding-x !default;
|
|
58
58
|
|
|
59
|
-
$card-actions-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
60
|
-
$card-actions-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
61
|
-
$card-actions-border-width: 1px !default;
|
|
62
|
-
$card-actions-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
59
|
+
$kendo-card-actions-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
60
|
+
$kendo-card-actions-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
61
|
+
$kendo-card-actions-border-width: 1px !default;
|
|
62
|
+
$kendo-card-actions-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
63
63
|
|
|
64
|
-
$card-deck-scroll-button-radius: 0px !default;
|
|
65
|
-
$card-deck-scroll-button-offset: -$kendo-button-border-width !default;
|
|
64
|
+
$kendo-card-deck-scroll-button-radius: 0px !default;
|
|
65
|
+
$kendo-card-deck-scroll-button-offset: -$kendo-button-border-width !default;
|
|
66
66
|
|
|
67
|
-
$card-callout-width: 20px !default;
|
|
68
|
-
$card-callout-height: 20px !default;
|
|
67
|
+
$kendo-card-callout-width: 20px !default;
|
|
68
|
+
$kendo-card-callout-height: 20px !default;
|
|
@@ -1,72 +1,72 @@
|
|
|
1
1
|
// Chat
|
|
2
|
-
$chat-padding-x: 16px !default;
|
|
3
|
-
$chat-padding-y: 16px !default;
|
|
4
|
-
$chat-width: 500px !default;
|
|
5
|
-
$chat-height: 600px !default;
|
|
6
|
-
$chat-border-width: 1px !default;
|
|
7
|
-
$chat-font-family: $font-family !default;
|
|
8
|
-
$chat-font-size: $font-size !default;
|
|
9
|
-
$chat-line-height: $line-height !default;
|
|
2
|
+
$kendo-chat-padding-x: 16px !default;
|
|
3
|
+
$kendo-chat-padding-y: 16px !default;
|
|
4
|
+
$kendo-chat-width: 500px !default;
|
|
5
|
+
$kendo-chat-height: 600px !default;
|
|
6
|
+
$kendo-chat-border-width: 1px !default;
|
|
7
|
+
$kendo-chat-font-family: $kendo-font-family !default;
|
|
8
|
+
$kendo-chat-font-size: $kendo-font-size-md !default;
|
|
9
|
+
$kendo-chat-line-height: $kendo-line-height-md !default;
|
|
10
10
|
|
|
11
|
-
$chat-item-spacing-x: 8px !default;
|
|
12
|
-
$chat-item-spacing-y: 16px !default;
|
|
11
|
+
$kendo-chat-item-spacing-x: 8px !default;
|
|
12
|
+
$kendo-chat-item-spacing-y: 16px !default;
|
|
13
13
|
|
|
14
|
-
$chat-message-list-padding-x: $chat-padding-x !default;
|
|
15
|
-
$chat-message-list-padding-y: $chat-padding-y !default;
|
|
16
|
-
$chat-message-list-spacing: $chat-item-spacing-y !default;
|
|
14
|
+
$kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
|
|
15
|
+
$kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
|
|
16
|
+
$kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
|
|
17
17
|
|
|
18
|
-
$chat-timestamp-font-size: smaller !default;
|
|
19
|
-
$chat-timestamp-line-height: null !default;
|
|
20
|
-
$chat-timestamp-transform: uppercase !default;
|
|
21
|
-
$chat-timestamp-text: $kendo-subtle-text !default;
|
|
22
|
-
$chat-timestamp-bg: null !default;
|
|
18
|
+
$kendo-chat-timestamp-font-size: smaller !default;
|
|
19
|
+
$kendo-chat-timestamp-line-height: null !default;
|
|
20
|
+
$kendo-chat-timestamp-transform: uppercase !default;
|
|
21
|
+
$kendo-chat-timestamp-text: $kendo-subtle-text !default;
|
|
22
|
+
$kendo-chat-timestamp-bg: null !default;
|
|
23
23
|
|
|
24
|
-
$chat-bubble-padding-x: 12px !default;
|
|
25
|
-
$chat-bubble-padding-y: 8px !default;
|
|
26
|
-
$chat-bubble-spacing: 2px !default;
|
|
27
|
-
$chat-bubble-line-height: 18px !default;
|
|
24
|
+
$kendo-chat-bubble-padding-x: 12px !default;
|
|
25
|
+
$kendo-chat-bubble-padding-y: 8px !default;
|
|
26
|
+
$kendo-chat-bubble-spacing: 2px !default;
|
|
27
|
+
$kendo-chat-bubble-line-height: 18px !default;
|
|
28
28
|
|
|
29
|
-
$chat-bubble-border-radius: 12px !default;
|
|
30
|
-
$chat-bubble-border-radius-sm: 2px !default;
|
|
29
|
+
$kendo-chat-bubble-border-radius: 12px !default;
|
|
30
|
+
$kendo-chat-bubble-border-radius-sm: 2px !default;
|
|
31
31
|
|
|
32
|
-
$chat-avatar-size: 32px !default;
|
|
33
|
-
$chat-avatar-spacing: $chat-item-spacing-x !default;
|
|
32
|
+
$kendo-chat-avatar-size: 32px !default;
|
|
33
|
+
$kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
|
|
34
34
|
|
|
35
|
-
$chat-toolbar-padding-x: $kendo-toolbar-padding-x
|
|
36
|
-
$chat-toolbar-padding-y: $kendo-toolbar-padding-y
|
|
37
|
-
$chat-toolbar-spacing: $kendo-toolbar-spacing
|
|
38
|
-
$chat-toolbar-bg: $kendo-toolbar-bg !default;
|
|
39
|
-
$chat-toolbar-text: $kendo-toolbar-text !default;
|
|
40
|
-
$chat-toolbar-border: inherit !default;
|
|
35
|
+
$kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
36
|
+
$kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
|
|
37
|
+
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
|
|
38
|
+
$kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
|
|
39
|
+
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|
|
40
|
+
$kendo-chat-toolbar-border: inherit !default;
|
|
41
41
|
|
|
42
|
-
$chat-quick-reply-padding-x: 12px !default;
|
|
43
|
-
$chat-quick-reply-padding-y: 8px !default;
|
|
44
|
-
$chat-quick-reply-spacing: 8px !default;
|
|
45
|
-
$chat-quick-reply-line-height: $chat-bubble-line-height !default;
|
|
42
|
+
$kendo-chat-quick-reply-padding-x: 12px !default;
|
|
43
|
+
$kendo-chat-quick-reply-padding-y: 8px !default;
|
|
44
|
+
$kendo-chat-quick-reply-spacing: 8px !default;
|
|
45
|
+
$kendo-chat-quick-reply-line-height: $kendo-chat-bubble-line-height !default;
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
$chat-bg: $kendo-app-bg !default;
|
|
49
|
-
$chat-text: $kendo-app-text !default;
|
|
50
|
-
$chat-border: $kendo-app-border !default;
|
|
48
|
+
$kendo-chat-bg: $kendo-app-bg !default;
|
|
49
|
+
$kendo-chat-text: $kendo-app-text !default;
|
|
50
|
+
$kendo-chat-border: $kendo-app-border !default;
|
|
51
51
|
|
|
52
|
-
$chat-bubble-bg: $kendo-component-bg !default;
|
|
53
|
-
$chat-bubble-text: $kendo-component-text !default;
|
|
54
|
-
$chat-bubble-border: $chat-bubble-bg !default;
|
|
55
|
-
$chat-bubble-shadow: 0 1px 2px rgba( black, .08 ) !default;
|
|
56
|
-
$chat-bubble-hover-shadow: 0 1px 2px rgba( black, .16 ) !default;
|
|
57
|
-
$chat-bubble-selected-shadow: 0 3px 10px rgba( black, .16 ) !default;
|
|
52
|
+
$kendo-chat-bubble-bg: $kendo-component-bg !default;
|
|
53
|
+
$kendo-chat-bubble-text: $kendo-component-text !default;
|
|
54
|
+
$kendo-chat-bubble-border: $kendo-chat-bubble-bg !default;
|
|
55
|
+
$kendo-chat-bubble-shadow: 0 1px 2px rgba( black, .08 ) !default;
|
|
56
|
+
$kendo-chat-bubble-hover-shadow: 0 1px 2px rgba( black, .16 ) !default;
|
|
57
|
+
$kendo-chat-bubble-selected-shadow: 0 3px 10px rgba( black, .16 ) !default;
|
|
58
58
|
|
|
59
|
-
$chat-alt-bubble-bg: $kendo-color-primary !default;
|
|
60
|
-
$chat-alt-bubble-text: k-contrast-legacy( $chat-alt-bubble-bg ) !default;
|
|
61
|
-
$chat-alt-bubble-border: $chat-alt-bubble-bg !default;
|
|
62
|
-
$chat-alt-bubble-shadow: 0 1px 2px rgba( $chat-alt-bubble-bg, .2 ) !default;
|
|
63
|
-
$chat-alt-bubble-hover-shadow: 0 1px 2px rgba( $chat-alt-bubble-bg, .2 ) !default;
|
|
64
|
-
$chat-alt-bubble-selected-shadow: 0 3px 10px rgba( $chat-alt-bubble-bg, .4 ) !default;
|
|
59
|
+
$kendo-chat-alt-bubble-bg: $kendo-color-primary !default;
|
|
60
|
+
$kendo-chat-alt-bubble-text: k-contrast-legacy( $kendo-chat-alt-bubble-bg ) !default;
|
|
61
|
+
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
|
|
62
|
+
$kendo-chat-alt-bubble-shadow: 0 1px 2px rgba( $kendo-chat-alt-bubble-bg, .2 ) !default;
|
|
63
|
+
$kendo-chat-alt-bubble-hover-shadow: 0 1px 2px rgba( $kendo-chat-alt-bubble-bg, .2 ) !default;
|
|
64
|
+
$kendo-chat-alt-bubble-selected-shadow: 0 3px 10px rgba( $kendo-chat-alt-bubble-bg, .4 ) !default;
|
|
65
65
|
|
|
66
|
-
$chat-quick-reply-bg: transparent !default;
|
|
67
|
-
$chat-quick-reply-text: $kendo-color-primary !default;
|
|
68
|
-
$chat-quick-reply-border: $kendo-color-primary !default;
|
|
66
|
+
$kendo-chat-quick-reply-bg: transparent !default;
|
|
67
|
+
$kendo-chat-quick-reply-text: $kendo-color-primary !default;
|
|
68
|
+
$kendo-chat-quick-reply-border: $kendo-color-primary !default;
|
|
69
69
|
|
|
70
|
-
$chat-quick-reply-hover-bg: $kendo-color-primary !default;
|
|
71
|
-
$chat-quick-reply-hover-text: $kendo-color-primary-contrast !default;
|
|
72
|
-
$chat-quick-reply-hover-border: $kendo-color-primary !default;
|
|
70
|
+
$kendo-chat-quick-reply-hover-bg: $kendo-color-primary !default;
|
|
71
|
+
$kendo-chat-quick-reply-hover-text: $kendo-color-primary-contrast !default;
|
|
72
|
+
$kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
|
|
@@ -151,7 +151,7 @@ $kendo-checkbox-list-spacing: k-map-get( $kendo-spacing, 4 ) !default;
|
|
|
151
151
|
$kendo-checkbox-list-item-padding-x: 0px !default;
|
|
152
152
|
/// Vertical padding of checkbox list items.
|
|
153
153
|
/// @group checkbox
|
|
154
|
-
$kendo-checkbox-list-item-padding-y: $kendo-list-item-padding-y
|
|
154
|
+
$kendo-checkbox-list-item-padding-y: $kendo-list-md-item-padding-y !default;
|
|
155
155
|
|
|
156
156
|
|
|
157
157
|
// Checkbox ripple
|
|
@@ -13,56 +13,56 @@ $kendo-chip-spacing: k-map-get( $kendo-spacing, 1 ) !default;
|
|
|
13
13
|
/// Horizontal padding of the chip.
|
|
14
14
|
/// @group chip
|
|
15
15
|
$kendo-chip-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
16
|
-
$kendo-chip-padding-x
|
|
17
|
-
$kendo-chip-padding-x
|
|
18
|
-
$kendo-chip-padding-x
|
|
16
|
+
$kendo-chip-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
17
|
+
$kendo-chip-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
18
|
+
$kendo-chip-lg-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
19
19
|
|
|
20
20
|
/// Vertical padding of the chip.
|
|
21
21
|
/// @group chip
|
|
22
22
|
$kendo-chip-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
23
|
-
$kendo-chip-padding-y
|
|
24
|
-
$kendo-chip-padding-y
|
|
25
|
-
$kendo-chip-padding-y
|
|
23
|
+
$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
24
|
+
$kendo-chip-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
25
|
+
$kendo-chip-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
26
26
|
|
|
27
27
|
/// Font sizes of the chip.
|
|
28
28
|
/// @group chip
|
|
29
|
-
$kendo-chip-font-size: $font-size-md !default;
|
|
30
|
-
$kendo-chip-font-size
|
|
31
|
-
$kendo-chip-font-size
|
|
32
|
-
$kendo-chip-font-size
|
|
29
|
+
$kendo-chip-font-size: $kendo-font-size-md !default;
|
|
30
|
+
$kendo-chip-sm-font-size: $kendo-font-size-md !default;
|
|
31
|
+
$kendo-chip-md-font-size: $kendo-font-size-md !default;
|
|
32
|
+
$kendo-chip-lg-font-size: $kendo-font-size-md !default;
|
|
33
33
|
|
|
34
|
-
/// Line heights of the chip that are connected to the $font-size.
|
|
34
|
+
/// Line heights of the chip that are connected to the $kendo-font-size.
|
|
35
35
|
/// @group chip
|
|
36
36
|
$kendo-chip-line-height: 1 !default;
|
|
37
|
-
$kendo-chip-line-height
|
|
38
|
-
$kendo-chip-line-height
|
|
39
|
-
$kendo-chip-line-height
|
|
37
|
+
$kendo-chip-sm-line-height: $kendo-chip-line-height !default;
|
|
38
|
+
$kendo-chip-md-line-height: $kendo-chip-line-height !default;
|
|
39
|
+
$kendo-chip-lg-line-height: $kendo-chip-line-height !default;
|
|
40
40
|
|
|
41
41
|
/// Calculated height of the chip.
|
|
42
42
|
/// @group chip
|
|
43
43
|
$kendo-chip-calc-size: calc( #{$kendo-chip-line-height * 1em} + #{$kendo-chip-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
|
|
44
|
-
$kendo-chip-calc-size
|
|
44
|
+
$kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height * 1em} + #{$kendo-chip-sm-padding-y * 2} + #{$kendo-chip-border-width * 2} ) !default;
|
|
45
45
|
|
|
46
46
|
/// Sizes map for the chip.
|
|
47
47
|
/// @group chip
|
|
48
48
|
$kendo-chip-sizes: (
|
|
49
49
|
sm: (
|
|
50
|
-
padding-x: $kendo-chip-padding-x
|
|
51
|
-
padding-y: $kendo-chip-padding-y
|
|
52
|
-
font-size: $kendo-chip-font-size
|
|
53
|
-
line-height: $kendo-chip-line-height
|
|
50
|
+
padding-x: $kendo-chip-sm-padding-x,
|
|
51
|
+
padding-y: $kendo-chip-sm-padding-y,
|
|
52
|
+
font-size: $kendo-chip-sm-font-size,
|
|
53
|
+
line-height: $kendo-chip-sm-line-height
|
|
54
54
|
),
|
|
55
55
|
md: (
|
|
56
|
-
padding-x: $kendo-chip-padding-x
|
|
57
|
-
padding-y: $kendo-chip-padding-y
|
|
58
|
-
font-size: $kendo-chip-font-size
|
|
59
|
-
line-height: $kendo-chip-line-height
|
|
56
|
+
padding-x: $kendo-chip-md-padding-x,
|
|
57
|
+
padding-y: $kendo-chip-md-padding-y,
|
|
58
|
+
font-size: $kendo-chip-md-font-size,
|
|
59
|
+
line-height: $kendo-chip-md-line-height
|
|
60
60
|
),
|
|
61
61
|
lg: (
|
|
62
|
-
padding-x: $kendo-chip-padding-x
|
|
63
|
-
padding-y: $kendo-chip-padding-y
|
|
64
|
-
font-size: $kendo-chip-font-size
|
|
65
|
-
line-height: $kendo-chip-line-height
|
|
62
|
+
padding-x: $kendo-chip-lg-padding-x,
|
|
63
|
+
padding-y: $kendo-chip-lg-padding-y,
|
|
64
|
+
font-size: $kendo-chip-lg-font-size,
|
|
65
|
+
line-height: $kendo-chip-lg-line-height
|
|
66
66
|
)
|
|
67
67
|
) !default;
|
|
68
68
|
|
|
@@ -91,7 +91,7 @@ $kendo-chip-solid-text: $kendo-button-text !default;
|
|
|
91
91
|
$kendo-chip-solid-border: $kendo-button-border !default;
|
|
92
92
|
/// The base shadow of solid chip.
|
|
93
93
|
/// @group chip
|
|
94
|
-
$kendo-chip-solid-shadow: 0 0 0 2px if( $dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ) !default;
|
|
94
|
+
$kendo-chip-solid-shadow: 0 0 0 2px if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ) !default;
|
|
95
95
|
/// The base gradient of solid chip.
|
|
96
96
|
/// @group chip
|
|
97
97
|
$kendo-chip-solid-gradient: $kendo-button-gradient !default;
|
|
@@ -128,7 +128,7 @@ $kendo-chip-outline-text: $kendo-chip-solid-text !default;
|
|
|
128
128
|
$kendo-chip-outline-border: $kendo-chip-outline-text !default;
|
|
129
129
|
/// The base shadow of outline chip.
|
|
130
130
|
/// @group chip
|
|
131
|
-
$kendo-chip-outline-shadow: 0 0 0 2px if( $dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ) !default;
|
|
131
|
+
$kendo-chip-outline-shadow: 0 0 0 2px if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ) !default;
|
|
132
132
|
|
|
133
133
|
/// The base background color of hovered outline chip.
|
|
134
134
|
/// @group chip
|