Spruce up the compose button

This commit is contained in:
Lim Chee Aun 2023-01-01 17:19:20 +08:00
parent b62cff4d0e
commit 0517690ed3

View file

@ -595,10 +595,23 @@ button.carousel-dot[disabled].active {
right: 16px;
right: max(16px, env(safe-area-inset-right));
padding: 16px;
box-shadow: 0 0 32px var(--bg-color);
background-color: var(--button-bg-blur-color);
backdrop-filter: blur(16px);
z-index: 1;
border: 1px solid var(--bg-color);
opacity: 0.75;
box-shadow: 0 3px 8px -1px var(--bg-faded-blur-color),
0 10px 36px -4px var(--button-bg-blur-color);
transition: background-color 0.2s ease-in-out;
}
#compose-button:is(:hover, :focus) {
background-color: var(--button-bg-color);
filter: none;
}
#compose-button:active {
filter: brightness(0.75);
transform: translateY(1px);
}
#compose-button .icon {
filter: drop-shadow(0 1px 2px var(--button-bg-color));
}
/* SHEET */