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.
74 lines (73 loc) • 2.81 kB
TypeScript
import type { OptionsType } from '../preset-types.js';
export default function (options?: OptionsType): {
'hook-misc': {
'.uk-list-disc > li:not(:first-child), .uk-list-circle > li:not(:first-child), .uk-list-square > li:not(:first-child), .uk-list-decimal > li:not(:first-child), .uk-list-hyphen > li:not(:first-child)': {
'@apply mt-2': {};
};
'.uk-list > :nth-child(n + 2), .uk-list > * > ul': {
marginTop: null;
};
'.uk-list-disc > *, .uk-list-circle > *, .uk-list-square > *, .uk-list-decimal > *, .uk-list-hyphen > *': {
paddingLeft: null;
'@apply ml-6': {};
};
'.uk-list-muted > ::before': {
color: null;
'@apply text-muted-foreground': {};
};
'.uk-list-emphasis > ::before': null;
'.uk-list-primary > ::before': {
color: null;
'@apply text-primary': {};
};
'.uk-list-secondary > ::before': {
color: null;
'@apply text-secondary-foreground': {};
};
'.uk-list-bullet > *': {
paddingLeft: null;
'@apply ml-6': {};
};
'.uk-list-bullet > li:not(:first-child)': {
'@apply mt-2': {};
};
'.uk-list-bullet > ::before': {
left: null;
width: null;
backgroundImage: string;
'@apply -left-6 w-6': {};
};
'.dark .uk-list-bullet > ::before': {
backgroundImage: string;
};
'.uk-list-divider > :nth-child(n + 2)': {
marginTop: null;
paddingTop: null;
borderTop: null;
'@apply mt-2 border-t border-border pt-2': {};
};
'.uk-list-striped > *': {
padding: null;
'@apply p-2': {};
};
'.uk-list-striped > *:nth-of-type(odd)': {
borderTop: null;
borderBottom: null;
'@apply border-t border-b border-border': {};
};
'.uk-list-striped > :nth-of-type(odd)': {
backgroundColor: null;
'@apply bg-muted/50': {};
};
'.uk-list-striped > :nth-child(n + 2)': {
marginTop: null;
};
'.uk-list-large > :nth-child(n + 2), .uk-list-large > * > ul': null;
'.uk-list-collapse > :nth-child(n + 2), .uk-list-collapse > * > ul': null;
'.uk-list-large.uk-list-divider > :nth-child(n + 2)': null;
'.uk-list-collapse.uk-list-divider > :nth-child(n + 2)': null;
'.uk-list-large.uk-list-striped > *': null;
'.uk-list-collapse.uk-list-striped > *': null;
'.uk-list-large.uk-list-striped > :nth-child(n + 2), .uk-list-collapse.uk-list-striped > :nth-child(n + 2)': null;
};
};