mirror of
https://github.com/kou029w/_.git
synced 2025-01-31 06:18:07 +00:00
20 lines
431 B
TypeScript
20 lines
431 B
TypeScript
import { css } from "@stitches/core";
|
|
|
|
const styles = css({
|
|
color: "white",
|
|
backgroundColor: "blue",
|
|
borderRadius: "9999px",
|
|
fontSize: "16px",
|
|
fontWeight: "bolder",
|
|
border: 0,
|
|
"&:hover": {
|
|
boxShadow: "0 0 10px black",
|
|
transitionDuration: "100ms",
|
|
},
|
|
});
|
|
|
|
const button = document.createElement("button");
|
|
button.textContent = "青いボタン";
|
|
button.classList.add(styles());
|
|
|
|
document.body.append(button);
|