mirror of
https://github.com/bitcoinresearchkit/brk.git
synced 2026-07-23 08:58:11 -07:00
nym21
42 lines
935 B
CSS
42 lines
935 B
CSS
main[data-page="ask"] {
|
|
> section {
|
|
position: absolute;
|
|
inset: 0;
|
|
overflow: hidden;
|
|
transition: left 180ms ease;
|
|
|
|
> header {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 10;
|
|
pointer-events: none;
|
|
}
|
|
|
|
> footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
z-index: 8;
|
|
display: grid;
|
|
gap: 0.5rem;
|
|
width: min(calc(100% - 2rem), var(--ask-content-width));
|
|
padding: 1.25rem 0 max(var(--page-x), env(safe-area-inset-bottom));
|
|
background: linear-gradient(to bottom, transparent, var(--black) 1.25rem);
|
|
translate: -50% 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (min-width: 48.001rem) {
|
|
main[data-page="ask"]:not([data-sidebar-collapsed]) > section {
|
|
left: var(--ask-sidebar-width);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 48rem) {
|
|
main[data-page="ask"] > section > footer {
|
|
width: 100%;
|
|
padding: 0.75rem 1rem max(1rem, env(safe-area-inset-bottom));
|
|
}
|
|
}
|