mirror of
https://github.com/raphaelsalaja/userinterface-wiki.git
synced 2026-09-14 20:06:29 +08:00
Raphael Salaja
b0c89649b1
* feat: add AnimatePresence article with interactive playground * feat: add playground * feat: ƒix basic demo * feat: ap article start * chore: cleanup * chore: pre-commit * feat: update article * refactor: improve code formatting and readability in demo and script files * refactor: enhance formatting for improved readability in slideshow demo * chore: generate open graph rather than dynamically * chore: add @clack/prompts dependency and enhance icon/image generation scripts with improved logging * refactor: generators * chore: cleanup * feat: refactor generator * feat: second draft * docs: final draft * chore: final draft again * chore: update publication date and enhance text-to-speech generator with alignment data
21 lines
366 B
CSS
21 lines
366 B
CSS
.root {
|
|
--bleed-amount: var(--page-padding-inline);
|
|
|
|
position: relative;
|
|
width: calc(100% + var(--bleed-amount) * 2);
|
|
margin-inline: calc(var(--bleed-amount) * -1);
|
|
}
|
|
|
|
.root[data-full="true"] {
|
|
width: 100vw;
|
|
margin-inline: calc(50% - 50vw);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.root,
|
|
.root[data-full="true"] {
|
|
width: 100%;
|
|
margin-inline: 0;
|
|
}
|
|
}
|