mirror of
https://github.com/nestriness/nestri.git
synced 2025-12-12 08:45:38 +02:00
f62fc1fb4b
Merging this prematurely to make sure the team is on the same boat... like dang! We need to find a better way to do this. Plus it has become too big
35 lines
1001 B
TypeScript
35 lines
1001 B
TypeScript
import { theme } from "./theme";
|
|
import { styled } from "@macaron-css/solid";
|
|
|
|
export const Button = styled("button", {
|
|
base: {
|
|
borderRadius: 6,
|
|
border: "1px solid transparent",
|
|
padding: `${theme.space[2]} ${theme.space[4]}`,
|
|
fontWeight: 500,
|
|
letterSpacing: 0.1,
|
|
lineHeight: "normal",
|
|
fontFamily: theme.font.family.heading,
|
|
textAlign: "center",
|
|
cursor: "pointer",
|
|
transitionDelay: "0s, 0s",
|
|
transitionDuration: "0.2s, 0.2s",
|
|
transitionProperty: "background-color, border",
|
|
transitionTimingFunction: "ease-out, ease-out",
|
|
display: "inline-flex",
|
|
gap: theme.space[1.5],
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
":disabled": {
|
|
pointerEvents: "none",
|
|
},
|
|
},
|
|
variants: {
|
|
color: {
|
|
brand: {
|
|
backgroundColor: theme.color.brand,
|
|
color: "#FFF",
|
|
}
|
|
}
|
|
}
|
|
}) |