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.
52 lines (51 loc) • 1.42 kB
JavaScript
export default {
'.uk-comment-body': {
display: 'flow-root',
overflowWrap: 'break-word',
wordWrap: 'break-word'
},
'.uk-comment-header': {
display: 'flow-root',
marginBottom: '1.25rem'
},
'.uk-comment-body > :last-child, .uk-comment-header > :last-child': {
marginBottom: '0'
},
'.uk-comment-title': {
'@apply text-base font-medium': {}
},
'.uk-comment-meta': {
fontSize: 'var(--uk-global-font-size-s)',
lineHeight: 'var(--uk-global-line-height-s)',
'@apply mt-1': {}
},
'.uk-comment-list': {
padding: '0',
listStyle: 'none'
},
'.uk-comment-list > :nth-child(n + 2)': {
'@apply mt-3': {}
},
'.uk-comment-list .uk-comment ~ ul': {
'@apply ml-6 mt-6 border-l border-border': {}
},
'.uk-comment-list .uk-comment ~ ul > :nth-child(n + 2)': {
'@apply mt-6': {}
},
'.uk-comment-primary': {
borderRadius: 'var(--uk-global-radius)',
'@apply bg-primary text-primary-foreground': {}
},
'.uk-comment': {
'@apply p-3': {}
},
'.uk-comment-avatar': {
'@apply h-10 w-10 overflow-hidden rounded-full bg-muted': {}
},
'.uk-comment-avatar img': {
'@apply h-full w-full object-cover': {}
},
'.uk-comment-list .uk-comment ~ ul > li': {
'@apply ml-3': {}
}
};