@progress/kendo-theme-fluent 6.6.0 → 6.7.0-dev.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 +53 -15
- package/dist/meta/sassdoc-data.json +1492 -542
- package/dist/meta/sassdoc-raw-data.json +746 -271
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/breadcrumb/_layout.scss +37 -10
- package/scss/breadcrumb/_variables.scss +124 -33
package/dist/all.css
CHANGED
|
@@ -42156,8 +42156,8 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42156
42156
|
box-sizing: border-box;
|
|
42157
42157
|
outline: 0;
|
|
42158
42158
|
font-family: var(--kendo-breadcrumb-font-family, var(--kendo-font-family, inherit));
|
|
42159
|
-
font-size: var(--kendo-breadcrumb-font-size, var(--kendo-font-size, inherit));
|
|
42160
|
-
line-height: var(--kendo-breadcrumb-line-height, var(--kendo-line-height, normal));
|
|
42159
|
+
font-size: var(--INTERNAL--kendo-breadcrumb-font-size, var(--kendo-font-size, inherit));
|
|
42160
|
+
line-height: var(--INTERNAL--kendo-breadcrumb-line-height, var(--kendo-line-height, normal));
|
|
42161
42161
|
display: flex;
|
|
42162
42162
|
flex-direction: row;
|
|
42163
42163
|
-webkit-touch-callout: none;
|
|
@@ -42200,8 +42200,8 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42200
42200
|
.k-breadcrumb-link,
|
|
42201
42201
|
.k-breadcrumb-root-link {
|
|
42202
42202
|
border-radius: var(--kendo-breadcrumb-border-radius, 0px);
|
|
42203
|
-
padding-inline: var(--kendo-breadcrumb-link-padding-x, 0.5rem);
|
|
42204
|
-
padding-block: var(--kendo-breadcrumb-link-padding-y, 0.
|
|
42203
|
+
padding-inline: var(--INTERNAL--kendo-breadcrumb-link-padding-x, 0.5rem);
|
|
42204
|
+
padding-block: var(--INTERNAL--kendo-breadcrumb-link-padding-y, 0.5rem);
|
|
42205
42205
|
color: var(--kendo-breadcrumb-link-initial-text, inherit);
|
|
42206
42206
|
text-decoration: none;
|
|
42207
42207
|
white-space: nowrap;
|
|
@@ -42225,10 +42225,6 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42225
42225
|
border: var(--kendo-breadcrumb-link-disabled-border, none);
|
|
42226
42226
|
}
|
|
42227
42227
|
|
|
42228
|
-
.k-breadcrumb-root-link {
|
|
42229
|
-
margin-inline-end: var(--kendo-breadcrumb-root-link-spacing, 0px);
|
|
42230
|
-
}
|
|
42231
|
-
|
|
42232
42228
|
.k-breadcrumb-link > .k-image,
|
|
42233
42229
|
.k-breadcrumb-icontext-link .k-icon,
|
|
42234
42230
|
.k-breadcrumb-icontext-link .k-svg-icon {
|
|
@@ -42236,8 +42232,8 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42236
42232
|
}
|
|
42237
42233
|
|
|
42238
42234
|
.k-breadcrumb-icon-link {
|
|
42239
|
-
padding-inline: var(--kendo-breadcrumb-icon-link-padding-x, 0.
|
|
42240
|
-
padding-block: var(--kendo-breadcrumb-icon-link-padding-y, 0.
|
|
42235
|
+
padding-inline: var(--INTERNAL--kendo-breadcrumb-icon-link-padding-x, 0.625rem);
|
|
42236
|
+
padding-block: var(--INTERNAL--kendo-breadcrumb-icon-link-padding-y, 0.625rem);
|
|
42241
42237
|
}
|
|
42242
42238
|
|
|
42243
42239
|
.k-breadcrumb-delimiter,
|
|
@@ -42252,9 +42248,51 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42252
42248
|
border-color: transparent;
|
|
42253
42249
|
}
|
|
42254
42250
|
|
|
42251
|
+
.k-breadcrumb-sm {
|
|
42252
|
+
--INTERNAL--kendo-breadcrumb-font-size: var( --kendo-breadcrumb-sm-font-size, var(--kendo-font-size-md, inherit) );
|
|
42253
|
+
--INTERNAL--kendo-breadcrumb-line-height: var( --kendo-breadcrumb-sm-line-height, var(--kendo-line-height, normal) );
|
|
42254
|
+
}
|
|
42255
|
+
.k-breadcrumb-sm .k-breadcrumb-link,
|
|
42256
|
+
.k-breadcrumb-sm .k-breadcrumb-root-link {
|
|
42257
|
+
--INTERNAL--kendo-breadcrumb-link-padding-x: var( --kendo-breadcrumb-sm-link-padding-x, 0.5rem );
|
|
42258
|
+
--INTERNAL--kendo-breadcrumb-link-padding-y: var( --kendo-breadcrumb-sm-link-padding-y, 0.375rem );
|
|
42259
|
+
}
|
|
42260
|
+
.k-breadcrumb-sm .k-breadcrumb-icon-link {
|
|
42261
|
+
--INTERNAL--kendo-breadcrumb-icon-link-padding-x: var( --kendo-breadcrumb-sm-icon-link-padding-x, 0.5rem );
|
|
42262
|
+
--INTERNAL--kendo-breadcrumb-icon-link-padding-y: var( --kendo-breadcrumb-sm-icon-link-padding-y, 0.5rem );
|
|
42263
|
+
}
|
|
42264
|
+
|
|
42265
|
+
.k-breadcrumb-md {
|
|
42266
|
+
--INTERNAL--kendo-breadcrumb-font-size: var( --kendo-breadcrumb-md-font-size, var(--kendo-font-size-md, inherit) );
|
|
42267
|
+
--INTERNAL--kendo-breadcrumb-line-height: var( --kendo-breadcrumb-md-line-height, var(--kendo-line-height, normal) );
|
|
42268
|
+
}
|
|
42269
|
+
.k-breadcrumb-md .k-breadcrumb-link,
|
|
42270
|
+
.k-breadcrumb-md .k-breadcrumb-root-link {
|
|
42271
|
+
--INTERNAL--kendo-breadcrumb-link-padding-x: var( --kendo-breadcrumb-md-link-padding-x, 0.5rem );
|
|
42272
|
+
--INTERNAL--kendo-breadcrumb-link-padding-y: var( --kendo-breadcrumb-md-link-padding-y, 0.5rem );
|
|
42273
|
+
}
|
|
42274
|
+
.k-breadcrumb-md .k-breadcrumb-icon-link {
|
|
42275
|
+
--INTERNAL--kendo-breadcrumb-icon-link-padding-x: var( --kendo-breadcrumb-md-icon-link-padding-x, 0.625rem );
|
|
42276
|
+
--INTERNAL--kendo-breadcrumb-icon-link-padding-y: var( --kendo-breadcrumb-md-icon-link-padding-y, 0.625rem );
|
|
42277
|
+
}
|
|
42278
|
+
|
|
42279
|
+
.k-breadcrumb-lg {
|
|
42280
|
+
--INTERNAL--kendo-breadcrumb-font-size: var( --kendo-breadcrumb-lg-font-size, var(--kendo-font-size-md, inherit) );
|
|
42281
|
+
--INTERNAL--kendo-breadcrumb-line-height: var( --kendo-breadcrumb-lg-line-height, var(--kendo-line-height, normal) );
|
|
42282
|
+
}
|
|
42283
|
+
.k-breadcrumb-lg .k-breadcrumb-link,
|
|
42284
|
+
.k-breadcrumb-lg .k-breadcrumb-root-link {
|
|
42285
|
+
--INTERNAL--kendo-breadcrumb-link-padding-x: var( --kendo-breadcrumb-lg-link-padding-x, 0.5rem );
|
|
42286
|
+
--INTERNAL--kendo-breadcrumb-link-padding-y: var( --kendo-breadcrumb-lg-link-padding-y, 0.625rem );
|
|
42287
|
+
}
|
|
42288
|
+
.k-breadcrumb-lg .k-breadcrumb-icon-link {
|
|
42289
|
+
--INTERNAL--kendo-breadcrumb-icon-link-padding-x: var( --kendo-breadcrumb-lg-icon-link-padding-x, 0.75rem );
|
|
42290
|
+
--INTERNAL--kendo-breadcrumb-icon-link-padding-y: var( --kendo-breadcrumb-lg-icon-link-padding-y, 0.75rem );
|
|
42291
|
+
}
|
|
42292
|
+
|
|
42255
42293
|
.k-breadcrumb {
|
|
42256
42294
|
border-color: var(--kendo-breadcrumb-border, transparent);
|
|
42257
|
-
color: var(--kendo-breadcrumb-text, var(
|
|
42295
|
+
color: var(--kendo-breadcrumb-text, get-theme-color-var(neutral-130));
|
|
42258
42296
|
background-color: var(--kendo-breadcrumb-bg, var(--kendo-component-bg, initial));
|
|
42259
42297
|
}
|
|
42260
42298
|
.k-breadcrumb:focus, .k-breadcrumb.k-focus {
|
|
@@ -42263,7 +42301,7 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42263
42301
|
|
|
42264
42302
|
.k-breadcrumb-link {
|
|
42265
42303
|
border-color: var(--kendo-breadcrumb-link-border, transparent);
|
|
42266
|
-
color: var(--kendo-breadcrumb-link-text, var(
|
|
42304
|
+
color: var(--kendo-breadcrumb-link-text, get-theme-color-var(neutral-130));
|
|
42267
42305
|
background-color: var(--kendo-breadcrumb-link-bg, transparent);
|
|
42268
42306
|
}
|
|
42269
42307
|
.k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover {
|
|
@@ -42279,7 +42317,7 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42279
42317
|
.k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus {
|
|
42280
42318
|
color: var(--kendo-breadcrumb-link-focus-text, var(--kendo-neutral-190, inherit));
|
|
42281
42319
|
background-color: var(--kendo-breadcrumb-link-focus-bg, transparent);
|
|
42282
|
-
box-shadow: var(--kendo-breadcrumb-link-focus-shadow, inset 0 0 0 1px var(
|
|
42320
|
+
box-shadow: var(--kendo-breadcrumb-link-focus-shadow, inset 0 0 0 1px get-theme-color-var(neutral-130));
|
|
42283
42321
|
}
|
|
42284
42322
|
.k-breadcrumb-link:focus:hover, .k-breadcrumb-link:focus.k-hover, .k-breadcrumb-link.k-focus:hover, .k-breadcrumb-link.k-focus.k-hover {
|
|
42285
42323
|
background-color: var(--kendo-breadcrumb-link-focus-hover-bg, var(--kendo-hover-bg, initial));
|
|
@@ -42295,7 +42333,7 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42295
42333
|
|
|
42296
42334
|
.k-breadcrumb-root-link {
|
|
42297
42335
|
border-color: var(--kendo-breadcrumb-root-link-border, transparent);
|
|
42298
|
-
color: var(--kendo-breadcrumb-root-link-text, var(
|
|
42336
|
+
color: var(--kendo-breadcrumb-root-link-text, get-theme-color-var(neutral-130));
|
|
42299
42337
|
background-color: var(--kendo-breadcrumb-root-link-bg, transparent);
|
|
42300
42338
|
}
|
|
42301
42339
|
.k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover {
|
|
@@ -42311,7 +42349,7 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
42311
42349
|
.k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus {
|
|
42312
42350
|
color: var(--kendo-breadcrumb-root-link-focus-text, var(--kendo-neutral-190, inherit));
|
|
42313
42351
|
background-color: var(--kendo-breadcrumb-root-link-focus-bg, transparent);
|
|
42314
|
-
box-shadow: var(--kendo-breadcrumb-root-link-focus-shadow, inset 0 0 0 1px var(
|
|
42352
|
+
box-shadow: var(--kendo-breadcrumb-root-link-focus-shadow, inset 0 0 0 1px get-theme-color-var(neutral-130));
|
|
42315
42353
|
}
|
|
42316
42354
|
.k-breadcrumb-root-link:focus:hover, .k-breadcrumb-root-link:focus.k-hover, .k-breadcrumb-root-link.k-focus:hover, .k-breadcrumb-root-link.k-focus.k-hover {
|
|
42317
42355
|
background-color: var(--kendo-breadcrumb-root-link-focus-hover-bg, var(--kendo-hover-bg, initial));
|