@skyux/theme 13.0.0-alpha.10 → 13.0.0-alpha.12
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
|
@@ -1210,7 +1210,7 @@ body:not(.sky-theme-modern) {
|
|
|
1210
1210
|
@media (min-width: 768px) {
|
|
1211
1211
|
.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) {
|
|
1212
1212
|
grid-template: "header-alerts header-alerts header-alerts" "header-avatar header-text header-text" "header-avatar header-content links" "content content links";
|
|
1213
|
-
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(
|
|
1213
|
+
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;
|
|
1214
1214
|
grid-template-columns: 0 75% 25%;
|
|
1215
1215
|
}
|
|
1216
1216
|
.sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links) > sky-page-header,
|
|
@@ -1363,7 +1363,7 @@ body:not(.sky-theme-modern) {
|
|
|
1363
1363
|
.sky-responsive-container-lg .sky-layout-host-list:has(> sky-page-content):has(> sky-page-links),
|
|
1364
1364
|
.sky-responsive-container-lg .sky-layout-host-tabs:has(> sky-page-content):has(> sky-page-links) {
|
|
1365
1365
|
grid-template: "header-alerts header-alerts header-alerts" "header-avatar header-text header-text" "header-avatar header-content links" "content content links";
|
|
1366
|
-
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(
|
|
1366
|
+
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;
|
|
1367
1367
|
grid-template-columns: 0 75% 25%;
|
|
1368
1368
|
}
|
|
1369
1369
|
.sky-responsive-container-sm .sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links) > sky-page-header,
|
|
@@ -2055,6 +2055,23 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
2055
2055
|
fill: var(--sky-icon-svg-path-2-color-input, #fff);
|
|
2056
2056
|
}
|
|
2057
2057
|
|
|
2058
|
+
.sky-illustration-svg {
|
|
2059
|
+
height: 100%;
|
|
2060
|
+
width: 100%;
|
|
2061
|
+
}
|
|
2062
|
+
.sky-illustration-svg .sky-illustration-fill-softest {
|
|
2063
|
+
fill: #ffffff;
|
|
2064
|
+
}
|
|
2065
|
+
.sky-illustration-svg .sky-illustration-fill-soft {
|
|
2066
|
+
fill: #e7fbf1;
|
|
2067
|
+
}
|
|
2068
|
+
.sky-illustration-svg .sky-illustration-fill-heavy {
|
|
2069
|
+
fill: #6de8ab;
|
|
2070
|
+
}
|
|
2071
|
+
.sky-illustration-svg .sky-illustration-outline {
|
|
2072
|
+
stroke: #004054;
|
|
2073
|
+
}
|
|
2074
|
+
|
|
2058
2075
|
.sky-viewkeeper-boundary {
|
|
2059
2076
|
isolation: isolate;
|
|
2060
2077
|
}
|
|
@@ -2778,6 +2778,22 @@ body.sky-theme-modern {
|
|
|
2778
2778
|
.sky-theme-modern .sky-rounded-corners {
|
|
2779
2779
|
border-radius: var(--sky-border-radius-s);
|
|
2780
2780
|
}
|
|
2781
|
+
.sky-theme-modern .sky-illustration-svg {
|
|
2782
|
+
height: 100%;
|
|
2783
|
+
width: 100%;
|
|
2784
|
+
}
|
|
2785
|
+
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-softest {
|
|
2786
|
+
fill: var(--sky-color-illustration-fill-softest);
|
|
2787
|
+
}
|
|
2788
|
+
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-soft {
|
|
2789
|
+
fill: var(--sky-color-illustration-fill-soft);
|
|
2790
|
+
}
|
|
2791
|
+
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-heavy {
|
|
2792
|
+
fill: var(--sky-color-illustration-fill-heavy);
|
|
2793
|
+
}
|
|
2794
|
+
.sky-theme-modern .sky-illustration-svg .sky-illustration-outline {
|
|
2795
|
+
stroke: var(--sky-color-illustration-stroke);
|
|
2796
|
+
}
|
|
2781
2797
|
|
|
2782
2798
|
.sky-theme-modern .sky-font-body-default {
|
|
2783
2799
|
color: var(--sky-color-text-default);
|