franken-ui
Version:
Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.
51 lines (50 loc) • 1.26 kB
TypeScript
export default function (): {
'hook-comment': {
'@apply p-3': {};
};
'hook-body': {
'@apply text-sm': {};
};
'hook-header': {};
'hook-title': {
fontSize: null;
lineHeight: null;
'@apply text-base font-medium': {};
};
'hook-meta': {
fontSize: null;
lineHeight: null;
color: null;
'@apply text-xs text-muted-foreground mt-1': {};
};
'hook-avatar': {
'@apply h-10 w-10 overflow-hidden rounded-full bg-muted': {};
};
'hook-list-adjacent': {
marginTop: null;
'@apply mt-3': {};
};
'hook-list-sub': {
margin: null;
paddingLeft: null;
listStyle: null;
'@apply ml-6 mt-6 border-l border-border md:pl-0': {};
};
'hook-list-sub-adjacent': {
marginTop: null;
'@apply mt-6': {};
};
'hook-primary': {
padding: null;
backgroundColor: null;
'@apply bg-primary text-primary-foreground rounded-md': {};
};
'hook-misc': {
'.uk-comment-avatar img': {
'@apply h-full w-full object-cover': {};
};
'.uk-comment-list .uk-comment ~ ul > li': {
'@apply ml-3': {};
};
};
};