You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.0 KiB
48 lines
1.0 KiB
import { tva } from "@gluestack-ui/nativewind-utils/tva";
|
|
import { isWeb } from "@gluestack-ui/nativewind-utils/IsWeb";
|
|
|
|
const baseStyle = isWeb
|
|
? "font-sans tracking-sm my-0 bg-transparent border-0 box-border display-inline list-none margin-0 padding-0 position-relative text-start no-underline whitespace-pre-wrap word-wrap-break-word"
|
|
: "";
|
|
|
|
export const textStyle = tva({
|
|
base: `text-typography-700 font-body ${baseStyle}`,
|
|
|
|
variants: {
|
|
isTruncated: {
|
|
true: "web:truncate",
|
|
},
|
|
bold: {
|
|
true: "font-bold",
|
|
},
|
|
underline: {
|
|
true: "underline",
|
|
},
|
|
strikeThrough: {
|
|
true: "line-through",
|
|
},
|
|
size: {
|
|
"2xs": "text-2xs",
|
|
xs: "text-xs",
|
|
sm: "text-sm",
|
|
md: "text-base",
|
|
lg: "text-lg",
|
|
xl: "text-xl",
|
|
"2xl": "text-2xl",
|
|
"3xl": "text-3xl",
|
|
"4xl": "text-4xl",
|
|
"5xl": "text-5xl",
|
|
"6xl": "text-6xl",
|
|
},
|
|
sub: {
|
|
true: "text-xs",
|
|
},
|
|
italic: {
|
|
true: "italic",
|
|
},
|
|
highlight: {
|
|
true: "bg-yellow-500",
|
|
},
|
|
},
|
|
});
|