Merge version_11_1778848470980 into main #14
@@ -169,13 +169,13 @@ h6 {
|
||||
/* WEBILD_PRIMARY_BUTTON */
|
||||
/* @primaryButtons/metallic */
|
||||
background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary-cta) 80%, var(--color-foreground)) 0%, var(--color-primary-cta) 25%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 50%, var(--color-primary-cta) 75%, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 100%);
|
||||
box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--color-foreground) 30%, transparent), 0 6px 16px -4px color-mix(in srgb, var(--color-background) 50%, transparent);
|
||||
box-shadow: inset 0 -2px 0 0 color-mix(in srgb, var(--color-foreground) 30%, transparent), inset 0 2px 0 0 color-mix(in srgb, var(--color-background) 50%, transparent), 0 6px 16px -4px color-mix(in srgb, var(--color-background) 50%, transparent);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.primary-button:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: inset 0 2px 0 0 color-mix(in srgb, var(--color-foreground) 30%, transparent), 0 8px 20px -4px color-mix(in srgb, var(--color-background) 50%, transparent);
|
||||
box-shadow: inset 0 -2px 0 0 color-mix(in srgb, var(--color-foreground) 30%, transparent), inset 0 2px 0 0 color-mix(in srgb, var(--color-background) 50%, transparent), 0 8px 20px -4px color-mix(in srgb, var(--color-background) 50%, transparent);
|
||||
}
|
||||
|
||||
.secondary-button {
|
||||
@@ -189,7 +189,8 @@ h6 {
|
||||
linear-gradient(color-mix(in srgb, var(--color-secondary-cta) 60%, transparent), color-mix(in srgb, var(--color-secondary-cta) 60%, transparent)),
|
||||
var(--color-secondary-cta);
|
||||
box-shadow:
|
||||
inset 0 2px 0 0 color-mix(in srgb, var(--color-secondary-cta) 60%, transparent),
|
||||
inset 0 -2px 0 0 color-mix(in srgb, var(--color-secondary-cta) 60%, transparent),
|
||||
inset 0 2px 0 0 color-mix(in srgb, var(--color-background) 50%, transparent),
|
||||
0 6px 16px -4px color-mix(in srgb, var(--color-accent) 10%, transparent);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
@@ -197,6 +198,7 @@ h6 {
|
||||
.secondary-button:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow:
|
||||
inset 0 2px 0 0 color-mix(in srgb, var(--color-secondary-cta) 60%, transparent),
|
||||
inset 0 -2px 0 0 color-mix(in srgb, var(--color-secondary-cta) 60%, transparent),
|
||||
inset 0 2px 0 0 color-mix(in srgb, var(--color-background) 50%, transparent),
|
||||
0 8px 20px -4px color-mix(in srgb, var(--color-accent) 10%, transparent);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user