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.
54 lines (53 loc) • 1.37 kB
TypeScript
export default function (): {
'hook-table': {
marginBottom: null;
'@apply text-sm': {};
};
'hook-header-cell': {
verticalAlign: null;
color: null;
textTransform: null;
'@apply text-muted-foreground': {};
};
'hook-cell': {};
'hook-footer': {};
'hook-caption': {
textAlign: null;
color: null;
'@apply text-muted-foreground': {};
};
'hook-row-active': {
'@apply bg-muted': {};
};
'hook-divider': {
borderTop: null;
'@apply border-t border-border': {};
};
'hook-striped': {
backgroundColor: null;
borderTop: null;
borderBottom: null;
'@apply border-b border-t border-border bg-muted/50': {};
};
'hook-hover': {
backgroundColor: null;
'@apply bg-muted/50': {};
};
'hook-small': {};
'hook-large': {};
'hook-misc': {
'* + .uk-table': {
marginTop: null;
};
'.uk-table td > :last-child': {
marginBottom: null;
};
'.uk-table-link > a': {
display: null;
};
'.uk-table-striped > tr:nth-of-type(even):last-child, .uk-table-striped tbody tr:nth-of-type(even):last-child': {
borderBottom: null;
'@apply border-b border-border': {};
};
};
};