@progress/kendo-theme-bootstrap 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 -58
- package/dist/all.scss +38 -112
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +6 -6
- package/scss/button/_variables.scss +9 -9
- package/scss/calendar/_variables.scss +1 -1
- package/scss/fab/_theme.scss +14 -14
- package/scss/grid/_theme.scss +0 -7
- package/scss/pager/_layout.scss +0 -8
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-bootstrap",
|
|
3
3
|
"description": "Bootstrap theme for Kendo UI",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.1.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -48,11 +48,11 @@
|
|
|
48
48
|
"postpublish": "echo 'no postpublish for bootstrap theme'"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@progress/kendo-font-icons": "1.
|
|
52
|
-
"@progress/kendo-theme-core": "^6.
|
|
53
|
-
"@progress/kendo-theme-default": "^6.
|
|
54
|
-
"@progress/kendo-theme-utils": "^6.
|
|
51
|
+
"@progress/kendo-font-icons": "1.4.0",
|
|
52
|
+
"@progress/kendo-theme-core": "^6.1.0",
|
|
53
|
+
"@progress/kendo-theme-default": "^6.1.0",
|
|
54
|
+
"@progress/kendo-theme-utils": "^6.1.0",
|
|
55
55
|
"bootstrap": "5.2.1"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "bd107a90f13f4b56b6bdee1b7111e1c49372849e"
|
|
58
58
|
}
|
|
@@ -99,13 +99,13 @@ $kendo-button-shadow: null !default;
|
|
|
99
99
|
|
|
100
100
|
/// The base background of hovered button.
|
|
101
101
|
/// @group button
|
|
102
|
-
$kendo-button-hover-bg: k-
|
|
102
|
+
$kendo-button-hover-bg: k-color-darken( $kendo-button-bg, 7.5% ) !default;
|
|
103
103
|
/// The base text color of hovered button.
|
|
104
104
|
/// @group button
|
|
105
105
|
$kendo-button-hover-text: null !default;
|
|
106
106
|
/// The base border color of hovered button.
|
|
107
107
|
/// @group button
|
|
108
|
-
$kendo-button-hover-border: k-
|
|
108
|
+
$kendo-button-hover-border: k-color-darken( $kendo-button-bg, 10% ) !default;
|
|
109
109
|
/// The base background gradient of hovered button.
|
|
110
110
|
/// @group button
|
|
111
111
|
$kendo-button-hover-gradient: null !default;
|
|
@@ -115,13 +115,13 @@ $kendo-button-hover-shadow: null !default;
|
|
|
115
115
|
|
|
116
116
|
/// The base background color of active button.
|
|
117
117
|
/// @group button
|
|
118
|
-
$kendo-button-active-bg: k-
|
|
118
|
+
$kendo-button-active-bg: k-color-darken( $kendo-button-bg, 10% ) !default;
|
|
119
119
|
/// The base text color of active button.
|
|
120
120
|
/// @group button
|
|
121
121
|
$kendo-button-active-text: null !default;
|
|
122
122
|
/// The base border color of active button.
|
|
123
123
|
/// @group button
|
|
124
|
-
$kendo-button-active-border: k-
|
|
124
|
+
$kendo-button-active-border: k-color-darken( $kendo-button-bg, 12.5% ) !default;
|
|
125
125
|
/// The base background gradient of active button.
|
|
126
126
|
/// @group button
|
|
127
127
|
$kendo-button-active-gradient: null !default;
|
|
@@ -131,13 +131,13 @@ $kendo-button-active-shadow: null !default;
|
|
|
131
131
|
|
|
132
132
|
/// The base background color of selected button.
|
|
133
133
|
/// @group button
|
|
134
|
-
$kendo-button-selected-bg: k-
|
|
134
|
+
$kendo-button-selected-bg: k-color-darken( $kendo-color-primary, 10% ) !default;
|
|
135
135
|
/// The text color of selected buttons.
|
|
136
136
|
/// @group button
|
|
137
137
|
$kendo-button-selected-text: k-contrast-color( $kendo-button-selected-bg ) !default;
|
|
138
138
|
/// The border color of selected buttons.
|
|
139
139
|
/// @group button
|
|
140
|
-
$kendo-button-selected-border: k-
|
|
140
|
+
$kendo-button-selected-border: k-color-darken( $kendo-color-primary, 12.5% ) !default;
|
|
141
141
|
/// The background gradient of selected buttons.
|
|
142
142
|
/// @group button
|
|
143
143
|
$kendo-button-selected-gradient: $kendo-button-active-gradient !default;
|
|
@@ -147,13 +147,13 @@ $kendo-button-selected-shadow: $kendo-button-active-shadow !default;
|
|
|
147
147
|
|
|
148
148
|
/// The base background of focused button.
|
|
149
149
|
/// @group button
|
|
150
|
-
$kendo-button-focus-bg: k-
|
|
150
|
+
$kendo-button-focus-bg: k-color-darken( $kendo-button-bg, 10% ) !default;
|
|
151
151
|
/// The base text color of focused button.
|
|
152
152
|
/// @group button
|
|
153
153
|
$kendo-button-focus-text: null !default;
|
|
154
154
|
/// The base border color of focused button.
|
|
155
155
|
/// @group button
|
|
156
|
-
$kendo-button-focus-border: k-
|
|
156
|
+
$kendo-button-focus-border: k-color-darken( $kendo-button-bg, 12.5% ) !default;
|
|
157
157
|
/// The base background gradient of focused button.
|
|
158
158
|
/// @group button
|
|
159
159
|
$kendo-button-focus-gradient: null !default;
|
|
@@ -179,7 +179,7 @@ $kendo-button-disabled-shadow: null !default;
|
|
|
179
179
|
|
|
180
180
|
// Solid button
|
|
181
181
|
$kendo-solid-button-gradient: null !default;
|
|
182
|
-
$kendo-solid-button-shade-function: "k-
|
|
182
|
+
$kendo-solid-button-shade-function: "k-color-darken" !default;
|
|
183
183
|
$kendo-solid-button-shade-text-amount: 0 !default;
|
|
184
184
|
$kendo-solid-button-shade-bg-amount: 0 !default;
|
|
185
185
|
$kendo-solid-button-shade-border-amount: 0 !default;
|
|
@@ -85,7 +85,7 @@ $kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !defaul
|
|
|
85
85
|
$kendo-calendar-cell-selected-hover-gradient: null !default;
|
|
86
86
|
|
|
87
87
|
$kendo-calendar-cell-focus-shadow: inset $kendo-button-focus-shadow !default;
|
|
88
|
-
$kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( k-
|
|
88
|
+
$kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( k-color-darken( $kendo-color-primary, 12.5% ), .5 ) !default;
|
|
89
89
|
|
|
90
90
|
|
|
91
91
|
// Calendar navigation
|
package/scss/fab/_theme.scss
CHANGED
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
17
17
|
.k-fab-solid-#{$name}:hover,
|
|
18
18
|
.k-fab-solid-#{$name}.k-hover {
|
|
19
|
-
border-color: k-
|
|
20
|
-
color: k-contrast-color( k-
|
|
21
|
-
background-color: k-
|
|
19
|
+
border-color: k-color-darken( $color, 10% );
|
|
20
|
+
color: k-contrast-color( k-color-darken( $color, 7.5% ) );
|
|
21
|
+
background-color: k-color-darken( $color, 7.5% );
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
.k-fab-solid-#{$name}.k-active,
|
|
39
39
|
.k-fab-solid-#{$name}.k-selected {
|
|
40
40
|
@include box-shadow( $kendo-fab-active-shadow );
|
|
41
|
-
border-color: k-
|
|
42
|
-
color: k-contrast-color( k-
|
|
43
|
-
background-color: k-
|
|
41
|
+
border-color: k-color-darken( $color, 12.5% );
|
|
42
|
+
color: k-contrast-color( k-color-darken( $color, 10% ) );
|
|
43
|
+
background-color: k-color-darken( $color, 10% );
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -79,11 +79,11 @@
|
|
|
79
79
|
.k-fab-item:hover .k-fab-item-icon,
|
|
80
80
|
.k-fab-item.k-hover .k-fab-item-icon {
|
|
81
81
|
@include box-shadow( $kendo-fab-item-shadow );
|
|
82
|
-
outline: $kendo-fab-border-width solid k-
|
|
82
|
+
outline: $kendo-fab-border-width solid k-color-darken( $kendo-fab-item-icon-border, 10% );
|
|
83
83
|
outline-offset: -$kendo-fab-border-width;
|
|
84
|
-
border-color: k-
|
|
85
|
-
color: k-contrast-color( k-
|
|
86
|
-
background-color: k-
|
|
84
|
+
border-color: k-color-darken( $kendo-fab-item-icon-border, 10% );
|
|
85
|
+
color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 7.5% ) );
|
|
86
|
+
background-color: k-color-darken( $kendo-fab-item-icon-bg, 7.5% );
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
// Focus state
|
|
@@ -100,11 +100,11 @@
|
|
|
100
100
|
.k-fab-item:active .k-fab-item-icon,
|
|
101
101
|
.k-fab-item.k-active .k-fab-item-icon {
|
|
102
102
|
@include box-shadow( $kendo-fab-item-active-shadow );
|
|
103
|
-
outline: $kendo-fab-border-width solid k-
|
|
103
|
+
outline: $kendo-fab-border-width solid k-color-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
104
104
|
outline-offset: -$kendo-fab-border-width;
|
|
105
|
-
border-color: k-
|
|
106
|
-
color: k-contrast-color( k-
|
|
107
|
-
background-color: k-
|
|
105
|
+
border-color: k-color-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
106
|
+
color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 10% ) );
|
|
107
|
+
background-color: k-color-darken( $kendo-fab-item-icon-bg, 10% );
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
// Disabled state
|
package/scss/grid/_theme.scss
CHANGED
package/scss/pager/_layout.scss
CHANGED
|
@@ -14,12 +14,4 @@
|
|
|
14
14
|
.k-pager-last { @include border-left-radius-only( $kendo-pager-item-border-radius ); }
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
// Pager refresh
|
|
19
|
-
.k-pager-refresh {
|
|
20
|
-
@include border-radius( $kendo-pager-item-border-radius );
|
|
21
|
-
border-width: $kendo-pager-item-border-width;
|
|
22
|
-
border-style: solid;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
17
|
}
|