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.
79 lines (78 loc) • 2.46 kB
TypeScript
declare const _default: {
'.uk-range': {
WebkitAppearance: string;
boxSizing: string;
margin: string;
verticalAlign: string;
maxWidth: string;
width: string;
background: string;
};
'.uk-range:focus': {
outline: string;
};
'.uk-range::-moz-focus-outer': {
border: string;
};
'.uk-range:not(:disabled)::-webkit-slider-thumb': {
cursor: string;
};
'.uk-range:not(:disabled)::-moz-range-thumb': {
cursor: string;
};
'.uk-range::-webkit-slider-runnable-track': {
height: string;
borderRadius: string;
'@apply bg-primary/20': {};
};
'.uk-range:focus::-webkit-slider-runnable-track, .uk-range:active::-webkit-slider-runnable-track': {
'@apply bg-primary/20': {};
};
'.uk-range::-moz-range-track': {
height: string;
borderRadius: string;
'@apply bg-primary/20': {};
};
'.uk-range:focus::-moz-range-track': {
'@apply bg-primary/20': {};
};
'.uk-range::-webkit-slider-thumb': {
WebkitAppearance: string;
marginTop: string;
height: string;
width: string;
borderRadius: string;
border: string;
'@apply border-primary/50 bg-background': {};
};
'.uk-range::-moz-range-thumb': {
border: string;
height: string;
width: string;
marginTop: string;
borderRadius: string;
'@apply border-primary/50 bg-background': {};
};
'.uk-input-range': {
'@apply relative block h-10 select-none': {};
};
'.uk-input-range-runnable-track': {
borderRadius: string;
'@apply bg-primary/20 absolute left-0 right-0 top-1/2 h-1.5 -translate-y-1/2': {};
};
'.uk-input-range-track': {
borderRadius: string;
'@apply bg-primary absolute top-1/2 h-1.5 -translate-y-1/2': {};
};
'.uk-input-range-knob': {
boxShadow: string;
'@apply border-primary/50 bg-background focus-visible:ring-ring absolute top-1/2 h-4 w-4 -translate-x-1/2 -translate-y-1/2 cursor-pointer rounded-full border focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed': {};
};
'.uk-input-range-label': {
'@apply absolute top-4 -translate-x-1/2 whitespace-nowrap': {};
};
'.uk-input-range-label.top': {
'@apply -top-6': {};
};
};
export default _default;