franken-ui
Version:
Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.
66 lines (65 loc) • 1.91 kB
TypeScript
declare const _default: {
'.uk-notification': {
position: string;
top: string;
left: string;
zIndex: string;
boxSizing: string;
width: string;
};
'.uk-notification-top-right, .uk-notification-bottom-right': {
left: string;
right: string;
};
'.uk-notification-top-center, .uk-notification-bottom-center': {
left: string;
marginLeft: string;
};
'.uk-notification-bottom-left, .uk-notification-bottom-right, .uk-notification-bottom-center': {
top: string;
bottom: string;
};
'.uk-notification-message': {
position: string;
cursor: string;
borderRadius: string;
boxShadow: string;
border: string;
backgroundColor: string;
padding: string;
color: string;
};
'* + .uk-notification-message': {
marginTop: string;
};
'.uk-notification-close': {
display: string;
position: string;
right: string;
top: string;
padding: string;
color: string;
};
'.uk-notification-message:hover .uk-notification-close': {
display: string;
};
'.uk-notification-message-primary': {
'--uk-notification-border': string;
'--uk-notification-bg': string;
'--uk-notification-color': string;
'--uk-notification-close-color': string;
};
'.uk-notification-message-secondary': {
'--uk-notification-border': string;
'--uk-notification-bg': string;
'--uk-notification-color': string;
'--uk-notification-close-color': string;
};
'.uk-notification-message-destructive': {
'--uk-notification-border': string;
'--uk-notification-bg': string;
'--uk-notification-color': string;
'--uk-notification-close-color': string;
};
};
export default _default;