@progress/kendo-theme-default 6.0.4-dev.0 → 6.1.0
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 +12 -38
- package/dist/all.scss +202 -128
- package/dist/default-ocean-blue.scss +2 -2
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +3 -3
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +5 -5
- package/scss/button/_variables.scss +43 -19
- package/scss/checkbox/_variables.scss +40 -10
- package/scss/chip/_variables.scss +27 -3
- package/scss/colorgradient/_theme.scss +2 -1
- package/scss/drawer/_layout.scss +1 -0
- package/scss/dropzone/_layout.scss +1 -1
- package/scss/dropzone/_theme.scss +1 -1
- package/scss/input/_variables.scss +38 -13
- package/scss/pager/_layout.scss +2 -8
- package/scss/pager/_theme.scss +0 -56
- package/scss/radio/_variables.scss +40 -10
- package/scss/spreadsheet/_layout.scss +2 -1
|
@@ -33,6 +33,6 @@ $kendo-series-c: #4CD180;
|
|
|
33
33
|
$kendo-series-d: #0074e6;
|
|
34
34
|
$kendo-series-e: #9B4FE6;
|
|
35
35
|
$kendo-series-f: #FF80AC;
|
|
36
|
-
$scheduler-event-bg: #1274AC;
|
|
37
|
-
$scheduler-event-selected-bg: #0f6190;
|
|
36
|
+
$kendo-scheduler-event-bg: #1274AC;
|
|
37
|
+
$kendo-scheduler-event-selected-bg: #0f6190;
|
|
38
38
|
@import "all.scss";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "Default Ocean Blue",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-default",
|
|
6
|
-
"version": "6.
|
|
6
|
+
"version": "6.1.0",
|
|
7
7
|
"api": "legacy",
|
|
8
8
|
"previewColors": [
|
|
9
9
|
"#ffffff",
|
|
@@ -227,12 +227,12 @@
|
|
|
227
227
|
{
|
|
228
228
|
"name": "Scheduler",
|
|
229
229
|
"variables": {
|
|
230
|
-
"scheduler-event-bg": {
|
|
230
|
+
"kendo-scheduler-event-bg": {
|
|
231
231
|
"name": "Scheduler event background",
|
|
232
232
|
"type": "color",
|
|
233
233
|
"value": "#1274AC"
|
|
234
234
|
},
|
|
235
|
-
"scheduler-event-selected-bg": {
|
|
235
|
+
"kendo-scheduler-event-selected-bg": {
|
|
236
236
|
"name": "Scheduler event selected background",
|
|
237
237
|
"type": "color",
|
|
238
238
|
"value": "#0f6190"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.1.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
"postpublish": "echo 'no postpublish for default theme'"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@progress/kendo-font-icons": "1.
|
|
51
|
-
"@progress/kendo-theme-core": "^6.
|
|
52
|
-
"@progress/kendo-theme-utils": "^6.
|
|
50
|
+
"@progress/kendo-font-icons": "1.4.0",
|
|
51
|
+
"@progress/kendo-theme-core": "^6.1.0",
|
|
52
|
+
"@progress/kendo-theme-utils": "^6.1.0"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "bd107a90f13f4b56b6bdee1b7111e1c49372849e"
|
|
55
55
|
}
|
|
@@ -11,48 +11,72 @@ $kendo-button-border-radius: null !default;
|
|
|
11
11
|
/// Horizontal padding of the button.
|
|
12
12
|
/// @group button
|
|
13
13
|
$kendo-button-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
14
|
+
/// Horizontal padding of the small button.
|
|
15
|
+
/// @group button
|
|
16
|
+
$kendo-button-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
17
|
+
/// Horizontal padding of the medium button.
|
|
18
|
+
/// @group button
|
|
19
|
+
$kendo-button-md-padding-x: $kendo-button-padding-x !default;
|
|
20
|
+
/// Horizontal padding of the large button.
|
|
21
|
+
/// @group button
|
|
22
|
+
$kendo-button-lg-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
23
|
+
|
|
14
24
|
/// Vertical padding of the button.
|
|
15
25
|
/// @group button
|
|
16
26
|
$kendo-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
27
|
+
/// Vertical padding of the small button.
|
|
28
|
+
/// @group button
|
|
29
|
+
$kendo-button-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
30
|
+
/// Vertical padding of the medium button.
|
|
31
|
+
/// @group button
|
|
32
|
+
$kendo-button-md-padding-y: $kendo-button-padding-y !default;
|
|
33
|
+
/// Vertical padding of the large button.
|
|
34
|
+
/// @group button
|
|
35
|
+
$kendo-button-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
36
|
+
|
|
17
37
|
/// Font family of the button.
|
|
18
38
|
/// @group button
|
|
19
39
|
$kendo-button-font-family: $kendo-font-family !default;
|
|
20
|
-
|
|
40
|
+
|
|
41
|
+
/// Font size of the button.
|
|
21
42
|
/// @group button
|
|
22
43
|
$kendo-button-font-size: $kendo-font-size-md !default;
|
|
23
|
-
///
|
|
44
|
+
/// Font size of the small button.
|
|
24
45
|
/// @group button
|
|
25
|
-
$kendo-button-line-height: $kendo-line-height-md !default;
|
|
26
|
-
|
|
27
|
-
$kendo-button-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
28
|
-
$kendo-button-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
29
46
|
$kendo-button-sm-font-size: $kendo-font-size-md !default;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
$kendo-button-md-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
$kendo-button-md-line-height: $kendo-line-height-md !default;
|
|
36
|
-
|
|
37
|
-
$kendo-button-lg-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
38
|
-
$kendo-button-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
47
|
+
/// Font size of the medium button.
|
|
48
|
+
/// @group button
|
|
49
|
+
$kendo-button-md-font-size: $kendo-button-font-size !default;
|
|
50
|
+
/// Font size of the large button.
|
|
51
|
+
/// @group button
|
|
39
52
|
$kendo-button-lg-font-size: $kendo-font-size-lg !default;
|
|
40
|
-
$kendo-button-lg-line-height: $kendo-line-height-lg !default;
|
|
41
53
|
|
|
42
|
-
///
|
|
54
|
+
/// Line height used along with $kendo-font-size.
|
|
43
55
|
/// @group button
|
|
56
|
+
$kendo-button-line-height: $kendo-line-height-md !default;
|
|
57
|
+
/// Line height used along with $kendo-font-size of the small button.
|
|
58
|
+
/// @group button
|
|
59
|
+
$kendo-button-sm-line-height: $kendo-line-height-md !default;
|
|
60
|
+
/// Line height used along with $kendo-font-size of the medium button.
|
|
61
|
+
/// @group button
|
|
62
|
+
$kendo-button-md-line-height: $kendo-button-line-height !default;
|
|
63
|
+
/// Line height used along with $kendo-font-size of the large button.
|
|
64
|
+
/// @group button
|
|
65
|
+
$kendo-button-lg-line-height: $kendo-line-height-lg !default;
|
|
66
|
+
|
|
67
|
+
// Calculated height of the button.
|
|
44
68
|
$kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
|
|
45
69
|
$kendo-button-sm-calc-size: calc( #{$kendo-button-sm-line-height * 1em} + #{$kendo-button-sm-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
|
|
46
70
|
$kendo-button-md-calc-size: calc( #{$kendo-button-md-line-height * 1em} + #{$kendo-button-md-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
|
|
47
71
|
$kendo-button-lg-calc-size: calc( #{$kendo-button-lg-line-height * 1em} + #{$kendo-button-lg-padding-y * 2} + #{$kendo-button-border-width * 2} ) !default;
|
|
48
72
|
|
|
49
|
-
|
|
50
|
-
/// @group button
|
|
73
|
+
// Calculated inner height of the button. Without the border width.
|
|
51
74
|
$kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
|
|
52
75
|
$kendo-button-sm-inner-calc-size: calc( #{$kendo-button-sm-line-height * 1em} + #{$kendo-button-sm-padding-y * 2} ) !default;
|
|
53
76
|
$kendo-button-md-inner-calc-size: calc( #{$kendo-button-md-line-height * 1em} + #{$kendo-button-md-padding-y * 2} ) !default;
|
|
54
77
|
$kendo-button-lg-inner-calc-size: calc( #{$kendo-button-lg-line-height * 1em} + #{$kendo-button-lg-padding-y * 2} ) !default;
|
|
55
78
|
|
|
79
|
+
// Sizes map for the button.
|
|
56
80
|
$kendo-button-sizes: (
|
|
57
81
|
sm: (
|
|
58
82
|
padding-x: $kendo-button-sm-padding-x,
|
|
@@ -7,22 +7,52 @@
|
|
|
7
7
|
/// @group checkbox
|
|
8
8
|
$kendo-checkbox-border-width: 1px !default;
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
/// Size of a small checkbox.
|
|
11
|
+
/// @group checkbox
|
|
12
|
+
$kendo-checkbox-sm-size: k-map-get( $kendo-spacing, 3 ) !default;
|
|
13
|
+
/// Size of a medium checkbox.
|
|
14
|
+
/// @group checkbox
|
|
15
|
+
$kendo-checkbox-md-size: k-map-get( $kendo-spacing, 4 ) !default;
|
|
16
|
+
/// Size of a large checkbox.
|
|
17
|
+
/// @group checkbox
|
|
18
|
+
$kendo-checkbox-lg-size: k-map-get( $kendo-spacing, 5 ) !default;
|
|
19
|
+
|
|
20
|
+
/// Glyph size of a small checkbox.
|
|
21
|
+
/// @group checkbox
|
|
22
|
+
$kendo-checkbox-sm-glyph-size: k-map-get( $kendo-spacing, 2.5 ) !default;
|
|
23
|
+
/// Glyph size of a medium checkbox.
|
|
24
|
+
/// @group checkbox
|
|
25
|
+
$kendo-checkbox-md-glyph-size: k-map-get( $kendo-spacing, 3.5 ) !default;
|
|
26
|
+
/// Glyph size of a large checkbox.
|
|
27
|
+
/// @group checkbox
|
|
28
|
+
$kendo-checkbox-lg-glyph-size: k-map-get( $kendo-spacing, 4.5 ) !default;
|
|
29
|
+
|
|
30
|
+
/// Ripple size of a small checkbox.
|
|
31
|
+
/// @group checkbox
|
|
32
|
+
$kendo-checkbox-sm-ripple-size: 300% !default;
|
|
33
|
+
/// Ripple size of a medium checkbox.
|
|
34
|
+
/// @group checkbox
|
|
35
|
+
$kendo-checkbox-md-ripple-size: 300% !default;
|
|
36
|
+
/// Ripple size of a large checkbox.
|
|
37
|
+
/// @group checkbox
|
|
38
|
+
$kendo-checkbox-lg-ripple-size: 300% !default;
|
|
39
|
+
|
|
40
|
+
// Map with the different checkbox sizes
|
|
11
41
|
$kendo-checkbox-sizes: (
|
|
12
42
|
sm: (
|
|
13
|
-
size:
|
|
14
|
-
glyph-size:
|
|
15
|
-
ripple-size:
|
|
43
|
+
size: $kendo-checkbox-sm-size,
|
|
44
|
+
glyph-size: $kendo-checkbox-sm-glyph-size,
|
|
45
|
+
ripple-size: $kendo-checkbox-sm-ripple-size
|
|
16
46
|
),
|
|
17
47
|
md: (
|
|
18
|
-
size:
|
|
19
|
-
glyph-size:
|
|
20
|
-
ripple-size:
|
|
48
|
+
size: $kendo-checkbox-md-size,
|
|
49
|
+
glyph-size: $kendo-checkbox-md-glyph-size,
|
|
50
|
+
ripple-size: $kendo-checkbox-md-ripple-size
|
|
21
51
|
),
|
|
22
52
|
lg: (
|
|
23
|
-
size:
|
|
24
|
-
glyph-size:
|
|
25
|
-
ripple-size:
|
|
53
|
+
size: $kendo-checkbox-lg-size,
|
|
54
|
+
glyph-size: $kendo-checkbox-lg-glyph-size,
|
|
55
|
+
ripple-size: $kendo-checkbox-lg-ripple-size
|
|
26
56
|
)
|
|
27
57
|
) !default;
|
|
28
58
|
|
|
@@ -13,29 +13,53 @@ $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
|
+
/// Horizontal padding of the small chip.
|
|
17
|
+
/// @group chip
|
|
16
18
|
$kendo-chip-sm-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
17
|
-
|
|
19
|
+
/// Horizontal padding of the medium chip.
|
|
20
|
+
/// @group chip
|
|
21
|
+
$kendo-chip-md-padding-x: $kendo-chip-padding-x !default;
|
|
22
|
+
/// Horizontal padding of the large chip.
|
|
23
|
+
/// @group chip
|
|
18
24
|
$kendo-chip-lg-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
19
25
|
|
|
20
26
|
/// Vertical padding of the chip.
|
|
21
27
|
/// @group chip
|
|
22
28
|
$kendo-chip-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29
|
+
/// Vertical padding of the small chip.
|
|
30
|
+
/// @group chip
|
|
23
31
|
$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
24
|
-
|
|
32
|
+
/// Vertical padding of the medium chip.
|
|
33
|
+
/// @group chip
|
|
34
|
+
$kendo-chip-md-padding-y: $kendo-chip-padding-y !default;
|
|
35
|
+
/// Vertical padding of the large chip.
|
|
36
|
+
/// @group chip
|
|
25
37
|
$kendo-chip-lg-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
26
38
|
|
|
27
39
|
/// Font sizes of the chip.
|
|
28
40
|
/// @group chip
|
|
29
41
|
$kendo-chip-font-size: $kendo-font-size-md !default;
|
|
42
|
+
/// Font sizes of the small chip.
|
|
43
|
+
/// @group chip
|
|
30
44
|
$kendo-chip-sm-font-size: $kendo-font-size-md !default;
|
|
31
|
-
|
|
45
|
+
/// Font sizes of the medium chip.
|
|
46
|
+
/// @group chip
|
|
47
|
+
$kendo-chip-md-font-size: $kendo-chip-font-size !default;
|
|
48
|
+
/// Font sizes of the large chip.
|
|
49
|
+
/// @group chip
|
|
32
50
|
$kendo-chip-lg-font-size: $kendo-font-size-md !default;
|
|
33
51
|
|
|
34
52
|
/// Line heights of the chip that are connected to the $kendo-font-size.
|
|
35
53
|
/// @group chip
|
|
36
54
|
$kendo-chip-line-height: 1 !default;
|
|
55
|
+
/// Line heights of the small chip that are connected to the $kendo-font-size.
|
|
56
|
+
/// @group chip
|
|
37
57
|
$kendo-chip-sm-line-height: $kendo-chip-line-height !default;
|
|
58
|
+
/// Line heights of the medium chip that are connected to the $kendo-font-size.
|
|
59
|
+
/// @group chip
|
|
38
60
|
$kendo-chip-md-line-height: $kendo-chip-line-height !default;
|
|
61
|
+
/// Line heights of the large chip that are connected to the $kendo-font-size.
|
|
62
|
+
/// @group chip
|
|
39
63
|
$kendo-chip-lg-line-height: $kendo-chip-line-height !default;
|
|
40
64
|
|
|
41
65
|
/// Calculated height of the chip.
|
|
@@ -56,7 +56,8 @@
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.k-colorgradient-slider.k-alpha-slider .k-slider-track::before {
|
|
59
|
-
|
|
59
|
+
// TODO: extract variable
|
|
60
|
+
background: url(#{k-map-get($_kendo-data-uris, "alpha-slider-bgr.png")}) center repeat;
|
|
60
61
|
}
|
|
61
62
|
|
|
62
63
|
// Inputs
|
package/scss/drawer/_layout.scss
CHANGED
|
@@ -15,32 +15,57 @@ $kendo-input-border-radius: null !default;
|
|
|
15
15
|
/// Horizontal padding of input components.
|
|
16
16
|
/// @group input
|
|
17
17
|
$kendo-input-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
18
|
+
/// Horizontal padding of small input components.
|
|
19
|
+
/// @group input
|
|
20
|
+
$kendo-input-sm-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
21
|
+
/// Horizontal padding of medium input components.
|
|
22
|
+
/// @group input
|
|
23
|
+
$kendo-input-md-padding-x: $kendo-input-padding-x !default;
|
|
24
|
+
/// Horizontal padding of large input components.
|
|
25
|
+
/// @group input
|
|
26
|
+
$kendo-input-lg-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
27
|
+
|
|
18
28
|
/// Vertical padding of input components.
|
|
19
29
|
/// @group input
|
|
20
30
|
$kendo-input-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31
|
+
/// Vertical padding of small input components.
|
|
32
|
+
/// @group input
|
|
33
|
+
$kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
34
|
+
/// Vertical padding of medium input components.
|
|
35
|
+
/// @group input
|
|
36
|
+
$kendo-input-md-padding-y: $kendo-input-padding-y !default;
|
|
37
|
+
/// Vertical padding of large input components.
|
|
38
|
+
/// @group input
|
|
39
|
+
$kendo-input-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
40
|
+
|
|
21
41
|
/// Font family of input components.
|
|
22
42
|
/// @group input
|
|
23
43
|
$kendo-input-font-family: $kendo-font-family !default;
|
|
44
|
+
|
|
24
45
|
/// Font size of input components.
|
|
25
46
|
/// @group input
|
|
26
47
|
$kendo-input-font-size: $kendo-font-size-md !default;
|
|
48
|
+
/// Font size of small input components.
|
|
49
|
+
/// @group input
|
|
50
|
+
$kendo-input-sm-font-size: $kendo-font-size-md !default;
|
|
51
|
+
/// Font size of medium input components.
|
|
52
|
+
/// @group input
|
|
53
|
+
$kendo-input-md-font-size: $kendo-input-font-size !default;
|
|
54
|
+
/// Font size of large input components.
|
|
55
|
+
/// @group input
|
|
56
|
+
$kendo-input-lg-font-size: $kendo-font-size-lg !default;
|
|
57
|
+
|
|
27
58
|
/// Line height of input components.
|
|
28
59
|
/// @group input
|
|
29
60
|
$kendo-input-line-height: $kendo-line-height-md !default;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
$kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
33
|
-
$kendo-input-sm-font-size: $kendo-font-size-md !default;
|
|
61
|
+
/// Line height of small input components.
|
|
62
|
+
/// @group input
|
|
34
63
|
$kendo-input-sm-line-height: $kendo-line-height-md !default;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
$kendo-input-md-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
$kendo-input-lg-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
42
|
-
$kendo-input-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
43
|
-
$kendo-input-lg-font-size: $kendo-font-size-lg !default;
|
|
64
|
+
/// Line height of medium input components.
|
|
65
|
+
/// @group input
|
|
66
|
+
$kendo-input-md-line-height: $kendo-input-line-height !default;
|
|
67
|
+
/// Line height of large input components.
|
|
68
|
+
/// @group input
|
|
44
69
|
$kendo-input-lg-line-height: $kendo-line-height-lg !default;
|
|
45
70
|
|
|
46
71
|
$kendo-input-sizes: (
|
package/scss/pager/_layout.scss
CHANGED
|
@@ -168,15 +168,9 @@
|
|
|
168
168
|
|
|
169
169
|
// Pager refresh
|
|
170
170
|
.k-pager-refresh {
|
|
171
|
-
|
|
172
|
-
|
|
171
|
+
margin-inline-start: auto;
|
|
172
|
+
color: inherit;
|
|
173
173
|
order: 10;
|
|
174
|
-
|
|
175
|
-
.k-rtl &,
|
|
176
|
-
[dir="rtl"] & {
|
|
177
|
-
margin-left: 0;
|
|
178
|
-
margin-right: auto;
|
|
179
|
-
}
|
|
180
174
|
}
|
|
181
175
|
|
|
182
176
|
// Responsive
|
package/scss/pager/_theme.scss
CHANGED
|
@@ -14,60 +14,4 @@
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
%base-pager-item-theme {
|
|
19
|
-
@include fill(
|
|
20
|
-
$kendo-pager-item-text,
|
|
21
|
-
$kendo-pager-item-bg,
|
|
22
|
-
$kendo-pager-item-border
|
|
23
|
-
);
|
|
24
|
-
|
|
25
|
-
&:hover,
|
|
26
|
-
&.k-hover {
|
|
27
|
-
@include fill(
|
|
28
|
-
$kendo-pager-item-hover-text,
|
|
29
|
-
$kendo-pager-item-hover-bg,
|
|
30
|
-
$kendo-pager-item-hover-border
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&.k-selected {
|
|
35
|
-
@include fill(
|
|
36
|
-
$kendo-pager-item-selected-text,
|
|
37
|
-
$kendo-pager-item-selected-bg,
|
|
38
|
-
$kendo-pager-item-selected-border
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
&:focus,
|
|
43
|
-
&.k-focus {
|
|
44
|
-
background-color: $kendo-pager-item-focus-bg;
|
|
45
|
-
@include focus-indicator( $kendo-pager-item-focus-shadow, true );
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// Pager refresh
|
|
50
|
-
.k-pager-refresh {
|
|
51
|
-
@extend %base-pager-item-theme;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
// Responsive
|
|
55
|
-
.k-pager-md,
|
|
56
|
-
.k-pager-sm {
|
|
57
|
-
|
|
58
|
-
.k-pager-numbers {
|
|
59
|
-
|
|
60
|
-
&.k-expanded {
|
|
61
|
-
@include fill(
|
|
62
|
-
$kendo-popup-text,
|
|
63
|
-
$kendo-popup-bg,
|
|
64
|
-
$kendo-popup-border
|
|
65
|
-
);
|
|
66
|
-
@include box-shadow( $kendo-popup-shadow );
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
|
|
73
17
|
}
|
|
@@ -11,22 +11,52 @@ $kendo-radio-radius: 50% !default;
|
|
|
11
11
|
/// @group radio
|
|
12
12
|
$kendo-radio-border-width: 1px !default;
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
/// Size of a small radio button.
|
|
15
|
+
/// @group radio
|
|
16
|
+
$kendo-radio-sm-size: k-map-get( $kendo-spacing, 3 ) !default;
|
|
17
|
+
/// Size of a medium radio button.
|
|
18
|
+
/// @group radio
|
|
19
|
+
$kendo-radio-md-size: k-map-get( $kendo-spacing, 4 ) !default;
|
|
20
|
+
/// Size of a large radio button.
|
|
21
|
+
/// @group radio
|
|
22
|
+
$kendo-radio-lg-size: k-map-get( $kendo-spacing, 5 ) !default;
|
|
23
|
+
|
|
24
|
+
/// Glyph size of a small radio button.
|
|
25
|
+
/// @group radio
|
|
26
|
+
$kendo-radio-sm-glyph-size: k-map-get( $kendo-spacing, 2.5 ) !default;
|
|
27
|
+
/// Glyph size of a medium radio button.
|
|
28
|
+
/// @group radio
|
|
29
|
+
$kendo-radio-md-glyph-size: k-map-get( $kendo-spacing, 3.5 ) !default;
|
|
30
|
+
/// Glyph size of a large radio button.
|
|
31
|
+
/// @group radio
|
|
32
|
+
$kendo-radio-lg-glyph-size: k-map-get( $kendo-spacing, 4.5 ) !default;
|
|
33
|
+
|
|
34
|
+
/// Ripple size of a small radio button.
|
|
35
|
+
/// @group radio
|
|
36
|
+
$kendo-radio-sm-ripple-size: 300% !default;
|
|
37
|
+
/// Ripple size of a medium radio button.
|
|
38
|
+
/// @group radio
|
|
39
|
+
$kendo-radio-md-ripple-size: 300% !default;
|
|
40
|
+
/// Ripple size of a large radio button.
|
|
41
|
+
/// @group radio
|
|
42
|
+
$kendo-radio-lg-ripple-size: 300% !default;
|
|
43
|
+
|
|
44
|
+
// Map with the different radio button sizes
|
|
15
45
|
$kendo-radio-sizes: (
|
|
16
46
|
sm: (
|
|
17
|
-
size:
|
|
18
|
-
glyph-size:
|
|
19
|
-
ripple-size:
|
|
47
|
+
size: $kendo-radio-sm-size,
|
|
48
|
+
glyph-size: $kendo-radio-sm-glyph-size,
|
|
49
|
+
ripple-size: $kendo-radio-sm-ripple-size
|
|
20
50
|
),
|
|
21
51
|
md: (
|
|
22
|
-
size:
|
|
23
|
-
glyph-size:
|
|
24
|
-
ripple-size:
|
|
52
|
+
size: $kendo-radio-md-size,
|
|
53
|
+
glyph-size: $kendo-radio-md-glyph-size,
|
|
54
|
+
ripple-size: $kendo-radio-md-ripple-size
|
|
25
55
|
),
|
|
26
56
|
lg: (
|
|
27
|
-
size:
|
|
28
|
-
glyph-size:
|
|
29
|
-
ripple-size:
|
|
57
|
+
size: $kendo-radio-lg-size,
|
|
58
|
+
glyph-size: $kendo-radio-lg-glyph-size,
|
|
59
|
+
ripple-size: $kendo-radio-lg-ripple-size
|
|
30
60
|
)
|
|
31
61
|
) !default;
|
|
32
62
|
|
|
@@ -796,7 +796,8 @@
|
|
|
796
796
|
min-width: 100%;
|
|
797
797
|
width: $kendo-spreadsheet-insert-image-dialog-preview-width;
|
|
798
798
|
height: $kendo-spreadsheet-insert-image-dialog-preview-height;
|
|
799
|
-
|
|
799
|
+
// TODO: extract variable
|
|
800
|
+
background-image: url(#{k-map-get($_kendo-data-uris, $kendo-spreadsheet-insert-image-dialog-preview-img)});
|
|
800
801
|
background-size: auto 70%;
|
|
801
802
|
background-position: 50% 30%;
|
|
802
803
|
background-repeat: no-repeat;
|