Styling Prodil
This commit is contained in:
parent
3b7f41e33d
commit
895c173847
@ -218,30 +218,3 @@ input:focus {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* --- Snackbar --- */
|
|
||||||
|
|
||||||
.snackbar {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 30px;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%) translateY(100px);
|
|
||||||
background: var(--olive);
|
|
||||||
color: var(--white);
|
|
||||||
padding: var(--space-16) var(--space-40);
|
|
||||||
border-radius: var(--radius-pill);
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 600;
|
|
||||||
font-family: var(--font-main);
|
|
||||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
|
|
||||||
opacity: 0;
|
|
||||||
transition: transform 0.4s ease, opacity 0.4s ease;
|
|
||||||
z-index: 9999;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.snackbar--visible {
|
|
||||||
transform: translateX(-50%) translateY(0);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user