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
31 lines
505 B
CSS
31 lines
505 B
CSS
.button,
|
|
.placeholder {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 32px;
|
|
height: 32px;
|
|
color: var(--gray-8);
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 8px;
|
|
transition:
|
|
color 0.2s ease,
|
|
background-color 0.2s ease;
|
|
}
|
|
|
|
.button:hover {
|
|
color: var(--gray-12);
|
|
background: var(--gray-a3);
|
|
}
|
|
|
|
.button:active {
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
.button:focus-visible {
|
|
outline: 2px solid var(--gray-8);
|
|
outline-offset: 2px;
|
|
}
|