42 lines
612 B
TypeScript
42 lines
612 B
TypeScript
import { styled } from "../stitches.config";
|
|
|
|
const Text = styled("span", {
|
|
fontFamily: "$body",
|
|
lineHeight: "$body",
|
|
color: "$text",
|
|
variants: {
|
|
small: {
|
|
true: {
|
|
fontSize: "$xs",
|
|
},
|
|
},
|
|
muted: {
|
|
true: {
|
|
color: "$mauve9",
|
|
},
|
|
},
|
|
error: {
|
|
true: {
|
|
color: "$error",
|
|
},
|
|
},
|
|
warning: {
|
|
true: {
|
|
color: "$warning",
|
|
},
|
|
},
|
|
monospace: {
|
|
true: {
|
|
fontFamily: "$monospace",
|
|
},
|
|
},
|
|
block: {
|
|
true: {
|
|
display: "block",
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
export default Text;
|