dd4c1a94e6
* Add support for MSC4193: Spoilers on Media * Clarify variable names and wording * Restore list atom * Improve spoilered image UX with autoload off * Use `aria-pressed` to indicate attachment spoiler state * Improve spoiler button tooltip wording, keep reveal button from conflicting with load errors
40 lines
652 B
TypeScript
40 lines
652 B
TypeScript
import { style } from '@vanilla-extract/css';
|
|
import { DefaultReset, config } from 'folds';
|
|
|
|
export const RelativeBase = style([
|
|
DefaultReset,
|
|
{
|
|
position: 'relative',
|
|
width: '100%',
|
|
height: '100%',
|
|
},
|
|
]);
|
|
|
|
export const AbsoluteContainer = style([
|
|
DefaultReset,
|
|
{
|
|
position: 'absolute',
|
|
top: 0,
|
|
left: 0,
|
|
width: '100%',
|
|
height: '100%',
|
|
},
|
|
]);
|
|
|
|
export const AbsoluteFooter = style([
|
|
DefaultReset,
|
|
{
|
|
position: 'absolute',
|
|
bottom: config.space.S100,
|
|
left: config.space.S100,
|
|
right: config.space.S100,
|
|
},
|
|
]);
|
|
|
|
export const Blur = style([
|
|
DefaultReset,
|
|
{
|
|
filter: 'blur(44px)',
|
|
},
|
|
]);
|