Refresh UI components and showcase; release updated framework packages
This commit is contained in:
1 parent
d800228585
commit
c77f5e1cec
293 files changed
+22544
-35778
No files matched your search
@@ -152,10 +152,10 @@ component Alert {
|
||||
.wrn-next--alert-soft .wrn-next__alert-title,
|
||||
.wrn-next--alert-soft .wrn-next__alert-icon,
|
||||
.wrn-next--alert-soft .wrn-next__alert-actions a {
|
||||
color: var(--wrn-alert-color);
|
||||
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
|
||||
}
|
||||
.wrn-next--alert-solid {
|
||||
border-color: var(--wrn-alert-color);
|
||||
border-color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
|
||||
background: var(--wrn-alert-color);
|
||||
color: white;
|
||||
}
|
||||
@@ -176,13 +176,13 @@ component Alert {
|
||||
color: #18181b;
|
||||
}
|
||||
.wrn-next--alert-bordered {
|
||||
border-color: var(--wrn-alert-color);
|
||||
border-color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
|
||||
background: var(--wrn-color-surface);
|
||||
}
|
||||
.wrn-next--alert-bordered .wrn-next__alert-title,
|
||||
.wrn-next--alert-bordered .wrn-next__alert-icon,
|
||||
.wrn-next--alert-bordered .wrn-next__alert-actions a {
|
||||
color: var(--wrn-alert-color);
|
||||
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
|
||||
}
|
||||
.wrn-next--alert-accent {
|
||||
border-color: color-mix(in srgb, var(--wrn-alert-color) 35%, var(--wrn-color-border));
|
||||
@@ -192,7 +192,7 @@ component Alert {
|
||||
.wrn-next--alert-accent .wrn-next__alert-title,
|
||||
.wrn-next--alert-accent .wrn-next__alert-icon,
|
||||
.wrn-next--alert-accent .wrn-next__alert-actions a {
|
||||
color: var(--wrn-alert-color);
|
||||
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
|
||||
}
|
||||
|
||||
.wrn-next--alert {
|
||||
@@ -249,19 +249,23 @@ component Alert {
|
||||
}
|
||||
|
||||
.wrn-next--alert[data-color="success"] {
|
||||
--wrn-alert-color: #0f9f8f;
|
||||
--wrn-alert-color: var(--wrn-color-success);
|
||||
--wrn-alert-ink: var(--wrn-color-success-text);
|
||||
}
|
||||
|
||||
.wrn-next--alert[data-color="danger"] {
|
||||
--wrn-alert-color: #dc3545;
|
||||
--wrn-alert-color: var(--wrn-color-danger);
|
||||
--wrn-alert-ink: var(--wrn-color-danger-text);
|
||||
}
|
||||
|
||||
.wrn-next--alert[data-color="warning"] {
|
||||
--wrn-alert-color: #eab308;
|
||||
--wrn-alert-color: var(--wrn-color-warning);
|
||||
--wrn-alert-ink: var(--wrn-color-warning-text);
|
||||
}
|
||||
|
||||
.wrn-next--alert[data-color="info"] {
|
||||
--wrn-alert-color: #2563eb;
|
||||
--wrn-alert-color: var(--wrn-color-info);
|
||||
--wrn-alert-ink: var(--wrn-color-info-text);
|
||||
}
|
||||
|
||||
.wrn-next--alert[data-color="dark"] {
|
||||
@@ -298,7 +302,7 @@ component Alert {
|
||||
height: 1.25rem;
|
||||
place-items: center;
|
||||
margin-top: 0.05rem;
|
||||
color: var(--wrn-alert-color);
|
||||
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
|
||||
}
|
||||
|
||||
.wrn-next__alert-icon > span {
|
||||
@@ -339,7 +343,7 @@ component Alert {
|
||||
}
|
||||
|
||||
.wrn-next__alert-actions a {
|
||||
color: var(--wrn-alert-color);
|
||||
color: var(--wrn-alert-ink, var(--wrn-color-primary-text));
|
||||
font-size: 0.78rem;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
|
||||
Reference in new issue
Block a user