Compare commits
6 Commits
version_1_
...
version_7_
| Author | SHA1 | Date | |
|---|---|---|---|
| 6d87237fda | |||
| ccee5f6730 | |||
| 9cc9dbf373 | |||
| 628196dd38 | |||
| 44ca4dc56c | |||
| 0110e1aa7e |
@@ -16,7 +16,7 @@
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* @layout/border-radius/rounded */
|
||||
--radius: 1.5rem;
|
||||
--radius: 0.5rem;
|
||||
|
||||
/* @layout/content-width/medium */
|
||||
--width-content-width: clamp(40rem, 72.5vw, 100rem);
|
||||
@@ -158,29 +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/radial-glow */
|
||||
background:
|
||||
radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%),
|
||||
radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--color-background) 32.5%, transparent) 0%, transparent 45%),
|
||||
var(--color-primary-cta);
|
||||
box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 30%, 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/radial-glow */
|
||||
background:
|
||||
radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%),
|
||||
radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 40%),
|
||||
var(--color-secondary-cta);
|
||||
box-shadow: 2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
|
||||
/* @secondaryButtons/solid */
|
||||
background: var(--color-secondary-cta);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user