@progress/kendo-theme-bootstrap 6.0.3 → 6.0.4-dev.1

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.
Files changed (17) hide show
  1. package/dist/all.scss +28 -28
  2. package/lib/swatches/bootstrap-3-dark.json +1 -1
  3. package/lib/swatches/bootstrap-3.json +1 -1
  4. package/lib/swatches/bootstrap-4-dark.json +1 -1
  5. package/lib/swatches/bootstrap-4.json +1 -1
  6. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  7. package/lib/swatches/bootstrap-main-dark.json +1 -1
  8. package/lib/swatches/bootstrap-main.json +1 -1
  9. package/lib/swatches/bootstrap-nordic.json +1 -1
  10. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  11. package/lib/swatches/bootstrap-turquoise.json +1 -1
  12. package/lib/swatches/bootstrap-urban.json +1 -1
  13. package/lib/swatches/bootstrap-vintage.json +1 -1
  14. package/package.json +5 -5
  15. package/scss/button/_variables.scss +9 -9
  16. package/scss/calendar/_variables.scss +1 -1
  17. package/scss/fab/_theme.scss +14 -14
package/dist/all.scss CHANGED
@@ -472,7 +472,7 @@ $kendo-color-level-step: 8% !default;
472
472
  }
473
473
 
474
474
  @function k-try-shade( $color, $level: 1 ) {
475
- $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
475
+ $_dark-theme: if( k-meta-variable-exists( kendo-is-dark-theme ), $kendo-is-dark-theme, false );
476
476
 
477
477
  @if $_dark-theme {
478
478
  @return k-color-tint( $color, $level );
@@ -481,7 +481,7 @@ $kendo-color-level-step: 8% !default;
481
481
  @return k-color-shade( $color, $level );
482
482
  }
483
483
  @function k-try-tint( $color, $level: 1 ) {
484
- $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
484
+ $_dark-theme: if( k-meta-variable-exists( kendo-is-dark-theme ), $kendo-is-dark-theme, false );
485
485
 
486
486
  @if $_dark-theme {
487
487
  @return k-color-shade( $color, $level );
@@ -492,7 +492,7 @@ $kendo-color-level-step: 8% !default;
492
492
 
493
493
 
494
494
  @function k-try-darken( $color, $amount ) {
495
- $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
495
+ $_dark-theme: if( k-meta-variable-exists( kendo-is-dark-theme ), $kendo-is-dark-theme, false );
496
496
 
497
497
  @if $_dark-theme {
498
498
  @return k-color-lighten( $color, $amount );
@@ -501,7 +501,7 @@ $kendo-color-level-step: 8% !default;
501
501
  }
502
502
 
503
503
  @function k-try-lighten( $color, $amount ) {
504
- $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
504
+ $_dark-theme: if( k-meta-variable-exists( kendo-is-dark-theme ), $kendo-is-dark-theme, false );
505
505
 
506
506
  @if $_dark-theme {
507
507
  @return k-color-darken( $color, $amount );
@@ -14147,13 +14147,13 @@ $kendo-button-shadow: null !default;
14147
14147
 
14148
14148
  /// The base background of hovered button.
14149
14149
  /// @group button
14150
- $kendo-button-hover-bg: k-try-darken( $kendo-button-bg, 7.5% ) !default;
14150
+ $kendo-button-hover-bg: k-color-darken( $kendo-button-bg, 7.5% ) !default;
14151
14151
  /// The base text color of hovered button.
14152
14152
  /// @group button
14153
14153
  $kendo-button-hover-text: null !default;
14154
14154
  /// The base border color of hovered button.
14155
14155
  /// @group button
14156
- $kendo-button-hover-border: k-try-darken( $kendo-button-bg, 10% ) !default;
14156
+ $kendo-button-hover-border: k-color-darken( $kendo-button-bg, 10% ) !default;
14157
14157
  /// The base background gradient of hovered button.
14158
14158
  /// @group button
14159
14159
  $kendo-button-hover-gradient: null !default;
@@ -14163,13 +14163,13 @@ $kendo-button-hover-shadow: null !default;
14163
14163
 
14164
14164
  /// The base background color of active button.
14165
14165
  /// @group button
14166
- $kendo-button-active-bg: k-try-darken( $kendo-button-bg, 10% ) !default;
14166
+ $kendo-button-active-bg: k-color-darken( $kendo-button-bg, 10% ) !default;
14167
14167
  /// The base text color of active button.
14168
14168
  /// @group button
14169
14169
  $kendo-button-active-text: null !default;
14170
14170
  /// The base border color of active button.
14171
14171
  /// @group button
14172
- $kendo-button-active-border: k-try-darken( $kendo-button-bg, 12.5% ) !default;
14172
+ $kendo-button-active-border: k-color-darken( $kendo-button-bg, 12.5% ) !default;
14173
14173
  /// The base background gradient of active button.
14174
14174
  /// @group button
14175
14175
  $kendo-button-active-gradient: null !default;
@@ -14179,13 +14179,13 @@ $kendo-button-active-shadow: null !default;
14179
14179
 
14180
14180
  /// The base background color of selected button.
14181
14181
  /// @group button
14182
- $kendo-button-selected-bg: k-try-darken( $kendo-color-primary, 10% ) !default;
14182
+ $kendo-button-selected-bg: k-color-darken( $kendo-color-primary, 10% ) !default;
14183
14183
  /// The text color of selected buttons.
14184
14184
  /// @group button
14185
14185
  $kendo-button-selected-text: k-contrast-color( $kendo-button-selected-bg ) !default;
14186
14186
  /// The border color of selected buttons.
14187
14187
  /// @group button
14188
- $kendo-button-selected-border: k-try-darken( $kendo-color-primary, 12.5% ) !default;
14188
+ $kendo-button-selected-border: k-color-darken( $kendo-color-primary, 12.5% ) !default;
14189
14189
  /// The background gradient of selected buttons.
14190
14190
  /// @group button
14191
14191
  $kendo-button-selected-gradient: $kendo-button-active-gradient !default;
@@ -14195,13 +14195,13 @@ $kendo-button-selected-shadow: $kendo-button-active-shadow !default;
14195
14195
 
14196
14196
  /// The base background of focused button.
14197
14197
  /// @group button
14198
- $kendo-button-focus-bg: k-try-darken( $kendo-button-bg, 10% ) !default;
14198
+ $kendo-button-focus-bg: k-color-darken( $kendo-button-bg, 10% ) !default;
14199
14199
  /// The base text color of focused button.
14200
14200
  /// @group button
14201
14201
  $kendo-button-focus-text: null !default;
14202
14202
  /// The base border color of focused button.
14203
14203
  /// @group button
14204
- $kendo-button-focus-border: k-try-darken( $kendo-button-bg, 12.5% ) !default;
14204
+ $kendo-button-focus-border: k-color-darken( $kendo-button-bg, 12.5% ) !default;
14205
14205
  /// The base background gradient of focused button.
14206
14206
  /// @group button
14207
14207
  $kendo-button-focus-gradient: null !default;
@@ -14227,7 +14227,7 @@ $kendo-button-disabled-shadow: null !default;
14227
14227
 
14228
14228
  // Solid button
14229
14229
  $kendo-solid-button-gradient: null !default;
14230
- $kendo-solid-button-shade-function: "k-try-darken" !default;
14230
+ $kendo-solid-button-shade-function: "k-color-darken" !default;
14231
14231
  $kendo-solid-button-shade-text-amount: 0 !default;
14232
14232
  $kendo-solid-button-shade-bg-amount: 0 !default;
14233
14233
  $kendo-solid-button-shade-border-amount: 0 !default;
@@ -22224,7 +22224,7 @@ $kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !defaul
22224
22224
  $kendo-calendar-cell-selected-hover-gradient: null !default;
22225
22225
 
22226
22226
  $kendo-calendar-cell-focus-shadow: inset $kendo-button-focus-shadow !default;
22227
- $kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( k-try-darken( $kendo-color-primary, 12.5% ), .5 ) !default;
22227
+ $kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( k-color-darken( $kendo-color-primary, 12.5% ), .5 ) !default;
22228
22228
 
22229
22229
 
22230
22230
  // Calendar navigation
@@ -27543,9 +27543,9 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
27543
27543
  @each $name, $color in $kendo-fab-theme-colors {
27544
27544
  .k-fab-solid-#{$name}:hover,
27545
27545
  .k-fab-solid-#{$name}.k-hover {
27546
- border-color: k-try-darken( $color, 10% );
27547
- color: k-contrast-color( k-try-darken( $color, 7.5% ) );
27548
- background-color: k-try-darken( $color, 7.5% );
27546
+ border-color: k-color-darken( $color, 10% );
27547
+ color: k-contrast-color( k-color-darken( $color, 7.5% ) );
27548
+ background-color: k-color-darken( $color, 7.5% );
27549
27549
  }
27550
27550
  }
27551
27551
 
@@ -27565,9 +27565,9 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
27565
27565
  .k-fab-solid-#{$name}.k-active,
27566
27566
  .k-fab-solid-#{$name}.k-selected {
27567
27567
  @include box-shadow( $kendo-fab-active-shadow );
27568
- border-color: k-try-darken( $color, 12.5% );
27569
- color: k-contrast-color( k-try-darken( $color, 10% ) );
27570
- background-color: k-try-darken( $color, 10% );
27568
+ border-color: k-color-darken( $color, 12.5% );
27569
+ color: k-contrast-color( k-color-darken( $color, 10% ) );
27570
+ background-color: k-color-darken( $color, 10% );
27571
27571
  }
27572
27572
  }
27573
27573
 
@@ -27606,11 +27606,11 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
27606
27606
  .k-fab-item:hover .k-fab-item-icon,
27607
27607
  .k-fab-item.k-hover .k-fab-item-icon {
27608
27608
  @include box-shadow( $kendo-fab-item-shadow );
27609
- outline: $kendo-fab-border-width solid k-try-darken( $kendo-fab-item-icon-border, 10% );
27609
+ outline: $kendo-fab-border-width solid k-color-darken( $kendo-fab-item-icon-border, 10% );
27610
27610
  outline-offset: -$kendo-fab-border-width;
27611
- border-color: k-try-darken( $kendo-fab-item-icon-border, 10% );
27612
- color: k-contrast-color( k-try-darken( $kendo-fab-item-icon-bg, 7.5% ) );
27613
- background-color: k-try-darken( $kendo-fab-item-icon-bg, 7.5% );
27611
+ border-color: k-color-darken( $kendo-fab-item-icon-border, 10% );
27612
+ color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 7.5% ) );
27613
+ background-color: k-color-darken( $kendo-fab-item-icon-bg, 7.5% );
27614
27614
  }
27615
27615
 
27616
27616
  // Focus state
@@ -27627,11 +27627,11 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
27627
27627
  .k-fab-item:active .k-fab-item-icon,
27628
27628
  .k-fab-item.k-active .k-fab-item-icon {
27629
27629
  @include box-shadow( $kendo-fab-item-active-shadow );
27630
- outline: $kendo-fab-border-width solid k-try-darken( $kendo-fab-item-icon-border, 12.5% );
27630
+ outline: $kendo-fab-border-width solid k-color-darken( $kendo-fab-item-icon-border, 12.5% );
27631
27631
  outline-offset: -$kendo-fab-border-width;
27632
- border-color: k-try-darken( $kendo-fab-item-icon-border, 12.5% );
27633
- color: k-contrast-color( k-try-darken( $kendo-fab-item-icon-bg, 10% ) );
27634
- background-color: k-try-darken( $kendo-fab-item-icon-bg, 10% );
27632
+ border-color: k-color-darken( $kendo-fab-item-icon-border, 12.5% );
27633
+ color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 10% ) );
27634
+ background-color: k-color-darken( $kendo-fab-item-icon-bg, 10% );
27635
27635
  }
27636
27636
 
27637
27637
  // Disabled state
package/lib/swatches/bootstrap-3-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#222222",
package/lib/swatches/bootstrap-3.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
package/lib/swatches/bootstrap-4-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
package/lib/swatches/bootstrap-4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-dataviz-v4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#0275d8",
9
9
  "#5bc0de",
package/lib/swatches/bootstrap-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
package/lib/swatches/bootstrap-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-nordic.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
package/lib/swatches/bootstrap-turquoise-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#292b2c",
package/lib/swatches/bootstrap-turquoise.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2f2f2",
package/lib/swatches/bootstrap-urban.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
package/lib/swatches/bootstrap-vintage.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Vintage",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.0.3",
6
+ "version": "6.0.4-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2efe8",
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.0.3",
4
+ "version": "6.0.4-dev.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -49,10 +49,10 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@progress/kendo-font-icons": "1.2.0",
52
- "@progress/kendo-theme-core": "^6.0.3",
53
- "@progress/kendo-theme-default": "^6.0.3",
54
- "@progress/kendo-theme-utils": "^6.0.3",
52
+ "@progress/kendo-theme-core": "^6.0.4-dev.1",
53
+ "@progress/kendo-theme-default": "^6.0.4-dev.1",
54
+ "@progress/kendo-theme-utils": "^6.0.4-dev.1",
55
55
  "bootstrap": "5.2.1"
56
56
  },
57
- "gitHead": "3957a3b72c082bc29d023ed9c3cb9c7a5b5c5e59"
57
+ "gitHead": "06ad9ba31573c1384dad684f03b818ee245247a5"
58
58
  }
package/scss/button/_variables.scss CHANGED
@@ -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-try-darken( $kendo-button-bg, 7.5% ) !default;
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-try-darken( $kendo-button-bg, 10% ) !default;
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-try-darken( $kendo-button-bg, 10% ) !default;
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-try-darken( $kendo-button-bg, 12.5% ) !default;
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-try-darken( $kendo-color-primary, 10% ) !default;
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-try-darken( $kendo-color-primary, 12.5% ) !default;
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-try-darken( $kendo-button-bg, 10% ) !default;
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-try-darken( $kendo-button-bg, 12.5% ) !default;
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-try-darken" !default;
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;
package/scss/calendar/_variables.scss CHANGED
@@ -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-try-darken( $kendo-color-primary, 12.5% ), .5 ) !default;
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-try-darken( $color, 10% );
20
- color: k-contrast-color( k-try-darken( $color, 7.5% ) );
21
- background-color: k-try-darken( $color, 7.5% );
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-try-darken( $color, 12.5% );
42
- color: k-contrast-color( k-try-darken( $color, 10% ) );
43
- background-color: k-try-darken( $color, 10% );
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-try-darken( $kendo-fab-item-icon-border, 10% );
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-try-darken( $kendo-fab-item-icon-border, 10% );
85
- color: k-contrast-color( k-try-darken( $kendo-fab-item-icon-bg, 7.5% ) );
86
- background-color: k-try-darken( $kendo-fab-item-icon-bg, 7.5% );
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-try-darken( $kendo-fab-item-icon-border, 12.5% );
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-try-darken( $kendo-fab-item-icon-border, 12.5% );
106
- color: k-contrast-color( k-try-darken( $kendo-fab-item-icon-bg, 10% ) );
107
- background-color: k-try-darken( $kendo-fab-item-icon-bg, 10% );
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