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.
64 lines (63 loc) • 1.74 kB
TypeScript
export default function (): {
'hook-panel-scrollable': {
border: string;
};
'hook-box-shadow-bottom': {};
'hook-dropcap': {};
'hook-logo': {
fontFamily: null;
color: null;
};
'hook-logo-hover': {
color: null;
};
'hook-misc': {
'.uk-panel-scrollable': {
height: null;
border: null;
'@apply h-40 border border-border': {};
};
'.uk-paragraph': {
'@apply leading-7 [&:not(:first-child)]:mt-6': {};
};
'.uk-blockquote': {
'@apply mt-6 border-l-2 border-border pl-6 italic': {};
};
'.uk-codespan': {
'@apply relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold': {};
};
'.uk-border-rounded': {
'@apply rounded-md': {};
};
'.uk-box-shadow-small': {
'@apply shadow-sm': {};
};
'.uk-box-shadow-medium': {
'@apply shadow-md': {};
};
'.uk-box-shadow': {
'@apply shadow': {};
};
'.uk-box-shadow-large': {
'@apply shadow-lg': {};
};
'.uk-box-shadow-xlarge': {
'@apply shadow-xl': {};
};
"[class*='uk-box-shadow-hover']": {
transition: null;
};
'.uk-box-shadow-hover-small:hover': {
'@apply shadow-sm': {};
};
'.uk-box-shadow-hover-medium:hover': {
'@apply shadow-md': {};
};
'.uk-box-shadow-hover-large:hover': {
'@apply shadow-lg': {};
};
'.uk-box-shadow-hover-xlarge:hover': {
'@apply shadow-xl': {};
};
};
};