franken-ui/dist/uikit/stylings/article.js

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.

import merge from 'lodash/merge.js';
export const rules = {
    '.uk-article': { display: 'flow-root' },
    '.uk-article > :last-child': { marginBottom: '0' },
    '.uk-article + .uk-article': { marginTop: '70px' },
    '.uk-article-title': { fontSize: '2.23125rem', lineHeight: '1.2' },
    '.uk-article-meta': {
        fontSize: '0.875rem',
        lineHeight: '1.4',
        color: '#999'
    },
    '.uk-article-meta a': { color: '#999' },
    '.uk-article-meta a:hover': { color: '#666', textDecoration: 'none' }
};
export const media = {
    '@media (min-width: 768px)': {
        '.uk-article-title': { fontSize: '2.625rem' }
    }
};
export const addHooks = (args) => {
    const { hooks } = args;
    const defaultHooks = {
        'hook-article': {},
        'hook-adjacent': {},
        'hook-title': {},
        'hook-meta': {},
        'hook-misc': {}
    };
    const _hooks = merge(defaultHooks, hooks);
    return {
        '.uk-article': {
            ..._hooks['hook-article']
        },
        '.uk-article + .uk-article': {
            ..._hooks['hook-adjacent']
        },
        '.uk-article-title': {
            ..._hooks['hook-title']
        },
        '.uk-article-meta': {
            ..._hooks['hook-meta']
        },
        ..._hooks['hook-misc']
    };
};