@skyux/theme 12.38.1 → 12.40.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/css/sky.css +19 -2
- package/css/themes/modern/styles.css +16 -0
- package/package.json +1 -1
package/css/sky.css
CHANGED
|
@@ -1211,7 +1211,7 @@ body:not(.sky-theme-modern) {
|
|
|
1211
1211
|
@media (min-width: 768px) {
|
|
1212
1212
|
.sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links), .sky-layout-host-list:has(> sky-page-content):has(> sky-page-links), .sky-layout-host-tabs:has(> sky-page-content):has(> sky-page-links) {
|
|
1213
1213
|
grid-template: "header-alerts header-alerts header-alerts" "header-avatar header-text header-text" "header-avatar header-content links" "content content links";
|
|
1214
|
-
grid-template-rows: minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(
|
|
1214
|
+
grid-template-rows: minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(0, min-content) auto;
|
|
1215
1215
|
grid-template-columns: 0 75% 25%;
|
|
1216
1216
|
}
|
|
1217
1217
|
.sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links) > sky-page-header,
|
|
@@ -1364,7 +1364,7 @@ body:not(.sky-theme-modern) {
|
|
|
1364
1364
|
.sky-responsive-container-lg .sky-layout-host-list:has(> sky-page-content):has(> sky-page-links),
|
|
1365
1365
|
.sky-responsive-container-lg .sky-layout-host-tabs:has(> sky-page-content):has(> sky-page-links) {
|
|
1366
1366
|
grid-template: "header-alerts header-alerts header-alerts" "header-avatar header-text header-text" "header-avatar header-content links" "content content links";
|
|
1367
|
-
grid-template-rows: minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(
|
|
1367
|
+
grid-template-rows: minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(var(--sky-override-page-header-link-rows-space, var(--sky-space-stacked-xl)), min-content) minmax(0, min-content) auto;
|
|
1368
1368
|
grid-template-columns: 0 75% 25%;
|
|
1369
1369
|
}
|
|
1370
1370
|
.sky-responsive-container-sm .sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links) > sky-page-header,
|
|
@@ -2056,6 +2056,23 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
2056
2056
|
fill: var(--sky-icon-svg-path-2-color-input, #fff);
|
|
2057
2057
|
}
|
|
2058
2058
|
|
|
2059
|
+
.sky-illustration-svg {
|
|
2060
|
+
height: 100%;
|
|
2061
|
+
width: 100%;
|
|
2062
|
+
}
|
|
2063
|
+
.sky-illustration-svg .sky-illustration-fill-softest {
|
|
2064
|
+
fill: #ffffff;
|
|
2065
|
+
}
|
|
2066
|
+
.sky-illustration-svg .sky-illustration-fill-soft {
|
|
2067
|
+
fill: #e7fbf1;
|
|
2068
|
+
}
|
|
2069
|
+
.sky-illustration-svg .sky-illustration-fill-heavy {
|
|
2070
|
+
fill: #6de8ab;
|
|
2071
|
+
}
|
|
2072
|
+
.sky-illustration-svg .sky-illustration-outline {
|
|
2073
|
+
stroke: #004054;
|
|
2074
|
+
}
|
|
2075
|
+
|
|
2059
2076
|
.sky-viewkeeper-boundary {
|
|
2060
2077
|
isolation: isolate;
|
|
2061
2078
|
}
|
|
@@ -3974,6 +3974,22 @@ body.sky-theme-modern {
|
|
|
3974
3974
|
.sky-theme-modern.sky-theme-brand-base .sky-font-heading-5 {
|
|
3975
3975
|
line-height: var(--sky-font-line_height-heading-5);
|
|
3976
3976
|
}
|
|
3977
|
+
.sky-theme-modern.sky-theme-brand-base .sky-illustration-svg {
|
|
3978
|
+
height: 100%;
|
|
3979
|
+
width: 100%;
|
|
3980
|
+
}
|
|
3981
|
+
.sky-theme-modern.sky-theme-brand-base .sky-illustration-svg .sky-illustration-fill-softest {
|
|
3982
|
+
fill: var(--sky-color-illustration-fill-softest);
|
|
3983
|
+
}
|
|
3984
|
+
.sky-theme-modern.sky-theme-brand-base .sky-illustration-svg .sky-illustration-fill-soft {
|
|
3985
|
+
fill: var(--sky-color-illustration-fill-soft);
|
|
3986
|
+
}
|
|
3987
|
+
.sky-theme-modern.sky-theme-brand-base .sky-illustration-svg .sky-illustration-fill-heavy {
|
|
3988
|
+
fill: var(--sky-color-illustration-fill-heavy);
|
|
3989
|
+
}
|
|
3990
|
+
.sky-theme-modern.sky-theme-brand-base .sky-illustration-svg .sky-illustration-outline {
|
|
3991
|
+
stroke: var(--sky-color-illustration-stroke);
|
|
3992
|
+
}
|
|
3977
3993
|
|
|
3978
3994
|
.sky-theme-modern .sky-font-body-default {
|
|
3979
3995
|
color: var(--sky-color-text-default);
|