@progress/kendo-theme-classic 5.1.2-dev.4 → 5.2.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 +361 -96
- package/dist/all.scss +304 -158
- package/lib/swatches/classic-green-dark.json +2 -1
- package/lib/swatches/classic-green.json +2 -1
- package/lib/swatches/classic-main-dark.json +2 -1
- package/lib/swatches/classic-main.json +2 -1
- package/lib/swatches/classic-opal-dark.json +2 -1
- package/lib/swatches/classic-opal.json +2 -1
- package/lib/swatches/classic-silver-dark.json +2 -1
- package/lib/swatches/classic-silver.json +2 -1
- package/package.json +4 -4
- package/scss/_variables.scss +5 -4
- package/scss/badge/_variables.scss +3 -3
- package/scss/bottom-navigation/_variables.scss +1 -1
- package/scss/breadcrumb/_variables.scss +1 -1
- package/scss/button/_variables.scss +11 -0
- package/scss/calendar/_variables.scss +1 -1
- package/scss/card/_variables.scss +1 -1
- package/scss/color-preview/_variables.scss +1 -1
- package/scss/coloreditor/_variables.scss +1 -1
- package/scss/colorgradient/_variables.scss +2 -2
- package/scss/fab/_variables.scss +1 -1
- package/scss/gantt/_variables.scss +5 -0
- package/scss/listgroup/_variables.scss +1 -1
- package/scss/loader/_variables.scss +1 -1
- package/scss/notification/_variables.scss +15 -13
- package/scss/orgchart/_variables.scss +1 -1
- package/scss/pivotgrid/_variables.scss +2 -1
- package/scss/scheduler/_variables.scss +2 -2
- package/scss/skeleton/_variables.scss +1 -1
- package/scss/spreadsheet/_variables.scss +3 -3
- package/scss/tabstrip/_variables.scss +1 -1
- package/scss/taskboard/_variables.scss +1 -1
- package/scss/tilelayout/_variables.scss +1 -1
- package/scss/tooltip/_variables.scss +1 -1
- package/scss/treeview/_variables.scss +1 -1
- package/scss/utils/_border.scss +4 -4
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.
|
|
2
|
+
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
|
|
3
3
|
"name": "Classic Green Dark",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-classic",
|
|
6
|
+
"version": "5.2.0",
|
|
6
7
|
"previewColors": [
|
|
7
8
|
"#000000",
|
|
8
9
|
"#131413",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.
|
|
2
|
+
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
|
|
3
3
|
"name": "Classic Green",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-classic",
|
|
6
|
+
"version": "5.2.0",
|
|
6
7
|
"previewColors": [
|
|
7
8
|
"#ffffff",
|
|
8
9
|
"#f3f4f3",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.
|
|
2
|
+
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
|
|
3
3
|
"name": "Classic Main Dark",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-classic",
|
|
6
|
+
"version": "5.2.0",
|
|
6
7
|
"previewColors": [
|
|
7
8
|
"#000000",
|
|
8
9
|
"#101010",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.
|
|
2
|
+
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
|
|
3
3
|
"name": "Classic Main",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-classic",
|
|
6
|
+
"version": "5.2.0",
|
|
6
7
|
"previewColors": [
|
|
7
8
|
"#ffffff",
|
|
8
9
|
"#f0f0f0",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.
|
|
2
|
+
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
|
|
3
3
|
"name": "Classic Opal Dark",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-classic",
|
|
6
|
+
"version": "5.2.0",
|
|
6
7
|
"previewColors": [
|
|
7
8
|
"#000000",
|
|
8
9
|
"#1e242d",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.
|
|
2
|
+
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
|
|
3
3
|
"name": "Classic Opal",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-classic",
|
|
6
|
+
"version": "5.2.0",
|
|
6
7
|
"previewColors": [
|
|
7
8
|
"#ffffff",
|
|
8
9
|
"#def4fd",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.
|
|
2
|
+
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
|
|
3
3
|
"name": "Classic Silver Dark",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-classic",
|
|
6
|
+
"version": "5.2.0",
|
|
6
7
|
"previewColors": [
|
|
7
8
|
"#000000",
|
|
8
9
|
"#131314",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.
|
|
2
|
+
"$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
|
|
3
3
|
"name": "Classic Silver",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-classic",
|
|
6
|
+
"version": "5.2.0",
|
|
6
7
|
"previewColors": [
|
|
7
8
|
"#ffffff",
|
|
8
9
|
"#f3f3f4",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.2.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -45,11 +45,11 @@
|
|
|
45
45
|
"dart:watch": "gulp dart:watch",
|
|
46
46
|
"dart:swatches": "gulp dart:swatches",
|
|
47
47
|
"dart:flat": "gulp dart:flat",
|
|
48
|
-
"prepublishOnly": "
|
|
48
|
+
"prepublishOnly": "node ../../scripts/themes-prepublish.js",
|
|
49
49
|
"postpublish": "echo 'no postpublish for classic theme'"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-theme-default": "^5.
|
|
52
|
+
"@progress/kendo-theme-default": "^5.2.0"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "01013f4f01ecce14973b008beff3076826fdabde"
|
|
55
55
|
}
|
package/scss/_variables.scss
CHANGED
|
@@ -79,9 +79,10 @@ $padding-x-lg: $padding-x * 1.5 !default;
|
|
|
79
79
|
$padding-y-lg: $padding-y * 1.5 !default;
|
|
80
80
|
|
|
81
81
|
/// Border radius for all components.
|
|
82
|
-
$border-radius: map-get( $spacing, 1 ) !default;
|
|
83
|
-
$border-radius-sm: $border-radius / 2 !default;
|
|
84
|
-
$border-radius-
|
|
82
|
+
$kendo-border-radius: map-get( $spacing, 1 ) !default;
|
|
83
|
+
$kendo-border-radius-sm: $kendo-border-radius / 2 !default;
|
|
84
|
+
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
85
|
+
$kendo-border-radius-lg: $kendo-border-radius * 2 !default;
|
|
85
86
|
|
|
86
87
|
$panel-padding-x: $padding-x !default;
|
|
87
88
|
$panel-padding-y: $padding-y !default;
|
|
@@ -377,7 +378,7 @@ $invalid-shadow: null !default;
|
|
|
377
378
|
$drag-clue-padding-x: $padding-x !default;
|
|
378
379
|
$drag-clue-padding-y: $padding-y !default;
|
|
379
380
|
$drag-clue-border-width: 1px !default;
|
|
380
|
-
$drag-clue-border-radius: $border-radius !default;
|
|
381
|
+
$drag-clue-border-radius: $kendo-border-radius-md !default;
|
|
381
382
|
$drag-clue-font-size: $font-size !default;
|
|
382
383
|
$drag-clue-font-family: $font-family !default;
|
|
383
384
|
$drag-clue-line-height: $line-height !default;
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
$badge-padding-x: $padding-x-sm !default;
|
|
3
3
|
$badge-padding-y: $badge-padding-x !default;
|
|
4
4
|
$badge-border-width: 1px !default;
|
|
5
|
-
$badge-border-radius: $border-radius !default;
|
|
5
|
+
$badge-border-radius: $kendo-border-radius-md !default;
|
|
6
6
|
$badge-font-size: $font-size-xs !default;
|
|
7
7
|
$badge-line-height: 1 !default;
|
|
8
8
|
|
|
9
9
|
$badge-padding-x-sm: ( $badge-padding-x / 2 ) !default;
|
|
10
10
|
$badge-padding-y-sm: ( $badge-padding-y / 2 ) !default;
|
|
11
11
|
$badge-border-width-sm: $badge-border-width !default;
|
|
12
|
-
$badge-border-radius-sm: $border-radius-sm !default;
|
|
12
|
+
$badge-border-radius-sm: $kendo-border-radius-sm !default;
|
|
13
13
|
$badge-font-size-sm: $font-size-xs !default;
|
|
14
14
|
$badge-line-height-sm: 1 !default;
|
|
15
15
|
|
|
16
16
|
$badge-padding-x-lg: ( $badge-padding-x * 1.5 ) !default;
|
|
17
17
|
$badge-padding-y-lg: ( $badge-padding-y * 1.5 ) !default;
|
|
18
18
|
$badge-border-width-lg: $badge-border-width !default;
|
|
19
|
-
$badge-border-radius-lg: $border-radius-lg !default;
|
|
19
|
+
$badge-border-radius-lg: $kendo-border-radius-lg !default;
|
|
20
20
|
$badge-font-size-lg: $font-size-sm !default;
|
|
21
21
|
$badge-line-height-lg: 1 !default;
|
|
22
22
|
|
|
@@ -14,7 +14,7 @@ $bottom-nav-item-padding-y: 0 !default;
|
|
|
14
14
|
$bottom-nav-item-min-width: 72px !default;
|
|
15
15
|
$bottom-nav-item-max-width: null !default;
|
|
16
16
|
$bottom-nav-item-min-height: calc( #{$icon-size * 2.5} + #{$padding-x * 2} - #{$bottom-nav-padding-x * 2} ) !default;
|
|
17
|
-
$bottom-nav-item-border-radius: $border-radius !default;
|
|
17
|
+
$bottom-nav-item-border-radius: $kendo-border-radius-md !default;
|
|
18
18
|
$bottom-nav-item-gap: 0 map-get( $spacing, 1 ) !default;
|
|
19
19
|
|
|
20
20
|
$bottom-nav-item-icon-margin-y: map-get( $spacing, 2 ) !default;
|
|
@@ -19,7 +19,7 @@ $breadcrumb-delimiter-icon-padding-y: 0px !default;
|
|
|
19
19
|
|
|
20
20
|
$breadcrumb-link-padding-x: $padding-x !default;
|
|
21
21
|
$breadcrumb-link-padding-y: $padding-y-lg !default;
|
|
22
|
-
$breadcrumb-link-border-radius: $border-radius !default;
|
|
22
|
+
$breadcrumb-link-border-radius: $kendo-border-radius-md !default;
|
|
23
23
|
|
|
24
24
|
$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default;
|
|
25
25
|
$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default;
|
|
@@ -48,8 +48,19 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
|
|
|
48
48
|
/// @group button
|
|
49
49
|
$kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
|
|
50
50
|
|
|
51
|
+
/// Horizontal padding of the arrow button.
|
|
52
|
+
/// @group button
|
|
51
53
|
$kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
|
|
54
|
+
$kendo-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
|
|
55
|
+
$kendo-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
|
|
56
|
+
$kendo-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
|
|
57
|
+
|
|
58
|
+
/// Vertical padding of the arrow button.
|
|
59
|
+
/// @group button
|
|
52
60
|
$kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
|
|
61
|
+
$kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
|
|
62
|
+
$kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
|
|
63
|
+
$kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
|
|
53
64
|
|
|
54
65
|
/// Theme colors map for the button.
|
|
55
66
|
/// @group button
|
|
@@ -32,7 +32,7 @@ $calendar-footer-padding-y: map-get( $spacing, 2 ) !default;
|
|
|
32
32
|
$calendar-cell-padding-x: map-get( $spacing, 1 ) !default;
|
|
33
33
|
$calendar-cell-padding-y: $calendar-cell-padding-x !default;
|
|
34
34
|
$calendar-cell-line-height: $calendar-line-height !default;
|
|
35
|
-
$calendar-cell-border-radius: $border-radius !default;
|
|
35
|
+
$calendar-cell-border-radius: $kendo-border-radius-md !default;
|
|
36
36
|
|
|
37
37
|
$calendar-header-cell-padding-x: null !default;
|
|
38
38
|
$calendar-header-cell-padding-y: null !default;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
$card-padding-x: map-get( $spacing, lg ) !default;
|
|
3
3
|
$card-padding-y: map-get( $spacing, md ) !default;
|
|
4
4
|
$card-border-width: 1px !default;
|
|
5
|
-
$card-border-radius: $border-radius-lg !default;
|
|
5
|
+
$card-border-radius: $kendo-border-radius-lg !default;
|
|
6
6
|
$card-inner-border-radius: calc( #{$card-border-radius} - #{$card-border-width} ) !default;
|
|
7
7
|
$card-font-family: $font-family !default;
|
|
8
8
|
$card-font-size: $font-size !default;
|
|
@@ -3,7 +3,7 @@ $coloreditor-spacer: map-get( $spacing, 3 ) !default;
|
|
|
3
3
|
|
|
4
4
|
$coloreditor-min-width: 272px !default;
|
|
5
5
|
$coloreditor-border-width: 1px !default;
|
|
6
|
-
$coloreditor-border-radius: $border-radius !default;
|
|
6
|
+
$coloreditor-border-radius: $kendo-border-radius-md !default;
|
|
7
7
|
$coloreditor-font-family: $font-family !default;
|
|
8
8
|
$coloreditor-font-size: $font-size !default;
|
|
9
9
|
$coloreditor-line-height: $line-height !default;
|
|
@@ -3,7 +3,7 @@ $colorgradient-spacer: map-get( $spacing, 3 ) !default;
|
|
|
3
3
|
|
|
4
4
|
$colorgradient-width: 272px !default;
|
|
5
5
|
$colorgradient-border-width: 1px !default;
|
|
6
|
-
$colorgradient-border-radius: $border-radius !default;
|
|
6
|
+
$colorgradient-border-radius: $kendo-border-radius-md !default;
|
|
7
7
|
$colorgradient-padding-y: $colorgradient-spacer !default;
|
|
8
8
|
$colorgradient-padding-x: $colorgradient-padding-y !default;
|
|
9
9
|
$colorgradient-gap: $colorgradient-spacer !default;
|
|
@@ -18,7 +18,7 @@ $colorgradient-focus-border: null !default;
|
|
|
18
18
|
$colorgradient-focus-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
$colorgradient-canvas-border-radius: $border-radius !default;
|
|
21
|
+
$colorgradient-canvas-border-radius: $kendo-border-radius-md !default;
|
|
22
22
|
$colorgradient-canvas-gap: $colorgradient-spacer !default;
|
|
23
23
|
$colorgradient-canvas-rectangle-height: 180px !default;
|
|
24
24
|
|
package/scss/fab/_variables.scss
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
$kendo-fab-border-width: 1px !default;
|
|
6
6
|
/// Border radius of the FAB.
|
|
7
7
|
/// @group floating-action-button
|
|
8
|
-
$kendo-fab-border-radius: $border-radius !default;
|
|
8
|
+
$kendo-fab-border-radius: $kendo-border-radius-md !default;
|
|
9
9
|
|
|
10
10
|
/// Font family of the FAB.
|
|
11
11
|
/// @group floating-action-button
|
|
@@ -85,3 +85,8 @@ $gantt-advanced-bg-lighter: tint($gantt-advanced-bg, 5) !default;
|
|
|
85
85
|
|
|
86
86
|
$gantt-action-on-offset-text: #000000 !default;
|
|
87
87
|
$gantt-offset-resize-handler-top: 50% !default;
|
|
88
|
+
|
|
89
|
+
$gantt-validation-tooltip-width: 200px !default;
|
|
90
|
+
$gantt-validation-tooltip-border: #656565 !default;
|
|
91
|
+
$gantt-validation-tooltip-valid-border: $success !default;
|
|
92
|
+
$gantt-validation-tooltip-invalid-border: $error !default;
|
|
@@ -27,7 +27,7 @@ $loader-secondary-bg: #656565 !default;
|
|
|
27
27
|
$loader-container-panel-border-width: 1px !default;
|
|
28
28
|
$loader-container-panel-border-style: solid !default;
|
|
29
29
|
$loader-container-panel-border-color: $component-border !default;
|
|
30
|
-
$loader-container-panel-border-radius: $border-radius !default;
|
|
30
|
+
$loader-container-panel-border-radius: $kendo-border-radius-md !default;
|
|
31
31
|
$loader-container-panel-bg: $white !default;
|
|
32
32
|
|
|
33
33
|
$loader-container-padding-sm: 15px !default;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
$notification-padding-x: 8px !default;
|
|
3
3
|
$notification-padding-y: 4px !default;
|
|
4
4
|
$notification-border-width: 1px !default;
|
|
5
|
-
$notification-border-radius: $border-radius !default;
|
|
5
|
+
$notification-border-radius: $kendo-border-radius-md !default;
|
|
6
6
|
|
|
7
7
|
$notification-shadow: $popup-shadow !default;
|
|
8
8
|
|
|
@@ -17,18 +17,20 @@ $notification-bg: $component-bg !default;
|
|
|
17
17
|
$notification-text: $component-text !default;
|
|
18
18
|
$notification-border: $component-border !default;
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
@function notification-theme( $colors ) {
|
|
21
|
+
$_theme: ();
|
|
21
22
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
23
|
+
// sass-lint:disable-block indentation
|
|
24
|
+
@each $name, $color in $colors {
|
|
25
|
+
$_theme: map-merge(( $name: (
|
|
26
|
+
color: contrast-wcag( $color ),
|
|
27
|
+
background-color: $color,
|
|
28
|
+
border: $color,
|
|
29
|
+
)), $_theme );
|
|
30
|
+
}
|
|
31
31
|
|
|
32
|
-
@
|
|
33
|
-
$notification-themes: map-merge($notification-themes, ($theme: notification-theme($theme, $props)) );
|
|
32
|
+
@return $_theme;
|
|
34
33
|
}
|
|
34
|
+
|
|
35
|
+
$kendo-notification-theme-colors: $kendo-theme-colors !default;
|
|
36
|
+
$kendo-notification-theme: notification-theme( $kendo-notification-theme-colors ) !default;
|
|
@@ -16,7 +16,7 @@ $orgchart-node-container-gap: $orgchart-spacer !default;
|
|
|
16
16
|
$orgchart-node-group-padding-y: $orgchart-spacer !default;
|
|
17
17
|
$orgchart-node-group-padding-x: $orgchart-node-group-padding-y !default;
|
|
18
18
|
$orgchart-node-group-border-width: 1px !default;
|
|
19
|
-
$orgchart-node-group-border-radius: $border-radius !default;
|
|
19
|
+
$orgchart-node-group-border-radius: $kendo-border-radius-md !default;
|
|
20
20
|
$orgchart-node-group-bg: $base-bg !default;
|
|
21
21
|
$orgchart-node-group-text: $base-text !default;
|
|
22
22
|
$orgchart-node-group-border: $base-border !default;
|
|
@@ -6,6 +6,7 @@ $pivotgrid-font-family: $font-family !default;
|
|
|
6
6
|
$pivotgrid-font-size: $font-size !default;
|
|
7
7
|
$pivotgrid-line-height: $line-height !default;
|
|
8
8
|
$pivotgrid-border-width: 1px !default;
|
|
9
|
+
$pivotgrid-icon-spacing: 8px !default;
|
|
9
10
|
|
|
10
11
|
$pivotgrid-row-header-width: 300px !default;
|
|
11
12
|
$pivotgrid-column-header-height: 75px !default;
|
|
@@ -79,7 +80,7 @@ $pivotgrid-configurator-button-size: calc( #{$pivotgrid-line-height * 1em} + #{$
|
|
|
79
80
|
$pivotgrid-calculated-field-padding-x: $pivotgrid-spacer !default;
|
|
80
81
|
$pivotgrid-calculated-field-padding-y: $pivotgrid-spacer !default;
|
|
81
82
|
$pivotgrid-calculated-field-border-width: 1px !default;
|
|
82
|
-
$pivotgrid-calculated-field-border-radius: $border-radius-sm !default;
|
|
83
|
+
$pivotgrid-calculated-field-border-radius: $kendo-border-radius-sm !default;
|
|
83
84
|
$pivotgrid-calculated-field-gap: $pivotgrid-spacer !default;
|
|
84
85
|
|
|
85
86
|
$pivotgrid-calculated-field-bg: $component-bg !default;
|
|
@@ -19,7 +19,7 @@ $scheduler-footer-border: $toolbar-border !default;
|
|
|
19
19
|
$scheduler-footer-gradient: $toolbar-gradient !default;
|
|
20
20
|
|
|
21
21
|
$scheduler-event-min-height: 25px !default;
|
|
22
|
-
$scheduler-event-border-radius: $border-radius !default;
|
|
22
|
+
$scheduler-event-border-radius: $kendo-border-radius-md !default;
|
|
23
23
|
$scheduler-event-line-height: calc( #{$scheduler-event-min-height} - (2 * #{$padding-y}) ) !default;
|
|
24
24
|
|
|
25
25
|
$scheduler-event-bg: tint( $selected-bg, 2 ) !default;
|
|
@@ -86,7 +86,7 @@ $scheduler-tooltip-events-gap: $padding-y !default;
|
|
|
86
86
|
|
|
87
87
|
$scheduler-tooltip-event-padding-x: $padding-x !default;
|
|
88
88
|
$scheduler-tooltip-event-padding-y: $padding-y !default;
|
|
89
|
-
$scheduler-tooltip-event-border-radius: $border-radius !default;
|
|
89
|
+
$scheduler-tooltip-event-border-radius: $kendo-border-radius-md !default;
|
|
90
90
|
$scheduler-tooltip-event-gap: $padding-x-sm !default;
|
|
91
91
|
|
|
92
92
|
$scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
@@ -15,9 +15,9 @@ $spreadsheet-insert-image-dialog-preview-width: 355px !default;
|
|
|
15
15
|
$spreadsheet-insert-image-dialog-preview-height: 230px !default;
|
|
16
16
|
$spreadsheet-insert-image-dialog-preview-img: "image-default.png" !default;
|
|
17
17
|
$spreadsheet-insert-image-dialog-preview-border: $component-border !default;
|
|
18
|
-
$spreadsheet-insert-image-dialog-preview-border-radius: $border-radius !default;
|
|
18
|
+
$spreadsheet-insert-image-dialog-preview-border-radius: $kendo-border-radius-md !default;
|
|
19
19
|
$spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .5) !default;
|
|
20
|
-
$spreadsheet-insert-image-dialog-preview-overlay-border-radius: $border-radius !default;
|
|
20
|
+
$spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-border-radius-md !default;
|
|
21
21
|
$spreadsheet-insert-image-dialog-overlay-hovered-text: $component-bg !default;
|
|
22
22
|
|
|
23
23
|
$spreadsheet-drawing-handle-width: 6px !default;
|
|
@@ -27,7 +27,7 @@ $spreadsheet-drawing-handle-border-width: 1px !default;
|
|
|
27
27
|
$spreadsheet-drawing-handle-outline-color: $primary !default;
|
|
28
28
|
$spreadsheet-drawing-handle-border-color: $selected-bg !default;
|
|
29
29
|
$spreadsheet-drawing-handle-bg: $primary !default;
|
|
30
|
-
$spreadsheet-drawing-handle-border-radius: $border-radius-lg !default;
|
|
30
|
+
$spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !default;
|
|
31
31
|
|
|
32
32
|
$spreadsheet-drawing-outline-style: solid !default;
|
|
33
33
|
$spreadsheet-drawing-outline-width: 2px !default;
|
|
@@ -33,7 +33,7 @@ $tabstrip-item-padding-y: $nav-item-padding-y !default;
|
|
|
33
33
|
$tabstrip-item-border-width: 1px !default;
|
|
34
34
|
/// Border radius of tabs
|
|
35
35
|
/// @group tabstrip
|
|
36
|
-
$tabstrip-item-border-radius: $border-radius !default;
|
|
36
|
+
$tabstrip-item-border-radius: $kendo-border-radius-md !default;
|
|
37
37
|
/// Spacing between tabs
|
|
38
38
|
/// @group tabstrip
|
|
39
39
|
$tabstrip-item-gap: $nav-item-margin !default;
|
|
@@ -26,7 +26,7 @@ $taskboard-columns-container-gap: $taskboard-spacer !default;
|
|
|
26
26
|
|
|
27
27
|
$taskboard-column-width: 320px !default;
|
|
28
28
|
$taskboard-column-border-width: 1px !default;
|
|
29
|
-
$taskboard-column-border-radius: $border-radius !default;
|
|
29
|
+
$taskboard-column-border-radius: $kendo-border-radius-md !default;
|
|
30
30
|
$taskboard-column-bg: $base-bg !default;
|
|
31
31
|
$taskboard-column-text: null !default;
|
|
32
32
|
$taskboard-column-border: transparent !default;
|
|
@@ -4,7 +4,7 @@ $tilelayout-card-border-width: $card-border-width !default;
|
|
|
4
4
|
$tilelayout-card-focus-shadow: $card-focus-shadow !default;
|
|
5
5
|
|
|
6
6
|
$tilelayout-hint-border-width: 1px !default;
|
|
7
|
-
$tilelayout-hint-border-radius: $border-radius-lg !default;
|
|
7
|
+
$tilelayout-hint-border-radius: $kendo-border-radius-lg !default;
|
|
8
8
|
|
|
9
9
|
$tilelayout-bg: $base-bg !default;
|
|
10
10
|
|
|
@@ -3,7 +3,7 @@ $tooltip-padding-y: $padding-y !default;
|
|
|
3
3
|
$tooltip-padding-x: $padding-x !default;
|
|
4
4
|
$tooltip-max-width: null !default;
|
|
5
5
|
$tooltip-border-width: 0px !default;
|
|
6
|
-
$tooltip-border-radius: $border-radius !default;
|
|
6
|
+
$tooltip-border-radius: $kendo-border-radius-md !default;
|
|
7
7
|
|
|
8
8
|
$tooltip-font-family: $font-family !default;
|
|
9
9
|
$tooltip-font-size: $font-size !default;
|
|
@@ -25,7 +25,7 @@ $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
|
|
|
25
25
|
$kendo-treeview-item-border-width: 0px !default;
|
|
26
26
|
/// Border radius of treeview items.
|
|
27
27
|
/// @group treeview
|
|
28
|
-
$kendo-treeview-item-border-radius: $border-radius !default;
|
|
28
|
+
$kendo-treeview-item-border-radius: $kendo-border-radius-md !default;
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
/// The sizes of the treeview.
|
package/scss/utils/_border.scss
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
$utils-border-radius: (
|
|
2
|
-
default:
|
|
2
|
+
default: $kendo-border-radius-md,
|
|
3
3
|
0: 0,
|
|
4
|
-
sm:
|
|
5
|
-
md:
|
|
6
|
-
lg:
|
|
4
|
+
sm: $kendo-border-radius-sm,
|
|
5
|
+
md: $kendo-border-radius-md,
|
|
6
|
+
lg: $kendo-border-radius-lg,
|
|
7
7
|
full: 9999px
|
|
8
8
|
) !default;
|
|
9
9
|
|