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.
44 lines
1.0 KiB
44 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 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 headingStyle = tva({
|
|
base: `text-typography-900 font-bold font-heading tracking-sm my-0 ${baseStyle}`,
|
|
variants: {
|
|
isTruncated: {
|
|
true: "truncate",
|
|
},
|
|
bold: {
|
|
true: "font-bold",
|
|
},
|
|
underline: {
|
|
true: "underline",
|
|
},
|
|
strikeThrough: {
|
|
true: "line-through",
|
|
},
|
|
sub: {
|
|
true: "text-xs",
|
|
},
|
|
italic: {
|
|
true: "italic",
|
|
},
|
|
highlight: {
|
|
true: "bg-yellow-500",
|
|
},
|
|
size: {
|
|
"5xl": "text-6xl",
|
|
"4xl": "text-5xl",
|
|
"3xl": "text-4xl",
|
|
"2xl": "text-3xl",
|
|
xl: "text-2xl",
|
|
lg: "text-xl",
|
|
md: "text-lg",
|
|
sm: "text-base",
|
|
xs: "text-sm",
|
|
},
|
|
},
|
|
});
|