Compare commits
12 Commits
version_3_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 865978b62a | |||
| 6d87237fda | |||
| bcc09c28d7 | |||
| ccee5f6730 | |||
| 3fdae2f728 | |||
| 9cc9dbf373 | |||
| 6eaa0948ce | |||
| 628196dd38 | |||
| 382a04bb7e | |||
| 51b33b00d9 | |||
| bfa24b529c | |||
| 47f24ada0c |
@@ -16,7 +16,7 @@
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* @layout/border-radius/rounded */
|
||||
--radius: 1rem;
|
||||
--radius: 0.5rem;
|
||||
|
||||
/* @layout/content-width/medium */
|
||||
--width-content-width: clamp(40rem, 72.5vw, 100rem);
|
||||
@@ -158,25 +158,21 @@ h6 {
|
||||
|
||||
.card {
|
||||
/* WEBILD_CARD_STYLE */
|
||||
/* @cards/glass-elevated */
|
||||
backdrop-filter: blur(8px);
|
||||
background: linear-gradient(to bottom right, color-mix(in srgb, var(--color-card) 80%, transparent), color-mix(in srgb, var(--color-card) 40%, transparent));
|
||||
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
border: 1px solid var(--color-card);
|
||||
/* @cards/elevated-border */
|
||||
background: linear-gradient(180deg, color-mix(in srgb, var(--color-card) 100%, var(--color-foreground) 3%) 0%, var(--color-card) 100%);
|
||||
box-shadow: 0 1px 0 0 color-mix(in srgb, var(--color-foreground) 8%, transparent), 0 4px 6px -1px color-mix(in srgb, var(--color-foreground) 5%, transparent), 0 10px 15px -3px color-mix(in srgb, var(--color-foreground) 4%, transparent);
|
||||
border: 1px solid color-mix(in srgb, var(--color-foreground) 6%, transparent);
|
||||
}
|
||||
|
||||
.primary-button {
|
||||
/* WEBILD_PRIMARY_BUTTON */
|
||||
/* @primaryButtons/glass-shimmer */
|
||||
background: linear-gradient(165deg, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 0%, var(--color-primary-cta) 40%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 100%);
|
||||
box-shadow: inset 0 1px 1px 0 color-mix(in srgb, var(--color-foreground) 25%, transparent), inset 0 -1px 1px 0 color-mix(in srgb, var(--color-background) 15%, transparent), 0 4px 12px -2px color-mix(in srgb, var(--color-primary-cta) 25%, transparent);
|
||||
/* @primaryButtons/neon-outline */
|
||||
background: var(--color-primary-cta);
|
||||
box-shadow: 0 0 5px color-mix(in srgb, var(--color-accent) 50%, transparent), 0 0 15px color-mix(in srgb, var(--color-accent) 30%, transparent), 0 0 30px color-mix(in srgb, var(--color-accent) 15%, transparent), inset 0 0 8px color-mix(in srgb, var(--color-accent) 10%, transparent);
|
||||
}
|
||||
|
||||
.secondary-button {
|
||||
/* WEBILD_SECONDARY_BUTTON */
|
||||
/* @secondaryButtons/glass */
|
||||
backdrop-filter: blur(8px);
|
||||
background: linear-gradient(to bottom right, color-mix(in srgb, var(--color-secondary-cta) 80%, transparent), var(--color-secondary-cta));
|
||||
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||||
border: 1px solid var(--color-secondary-cta);
|
||||
/* @secondaryButtons/solid */
|
||||
background: var(--color-secondary-cta);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user