@reusable-ui/typos/dist/configs/blockquotes.js

Texts, paragraphs, fonts and more.

// cssfn:
import { 
// reads/writes css variables configuration:
cssConfig, } from '@cssfn/core'; // writes css in javascript
// internals:
import { 
// configs:
typos, } from './typos.js';
// configs:
export const [blockquotes, blockquoteValues, cssBlockquoteConfig] = cssConfig(() => {
    return {
        // backgrounds:
        backdropFilter: [[
                'contrast(80%)',
                'brightness(120%)', // first  step: supports for dark mode
            ]],
        // foregrounds:
        foreg: 'inherit',
        // borders:
        borderInlineStartStyle: 'solid',
        borderInlineStartWidth: '0.25em',
        // spacings:
        marginInlineStart: '0em',
        marginInlineEnd: '0em',
        marginBlockStart: '1em',
        marginBlockEnd: '1em',
        paddingInlineStart: '3em',
        paddingInlineEnd: '1em',
        paddingBlockStart: '1em',
        paddingBlockEnd: '1em',
        // typos:
        fontSize: typos.fontSizeLg,
        fontFamily: 'inherit',
        fontWeight: 'inherit',
        fontStyle: 'inherit',
        textDecoration: 'inherit',
        lineHeight: 'inherit',
        // quotes:
        quoteInsetInlineStart: '0.2em',
        quoteInsetBlockStart: 'calc(0px - 0.1em)',
        quoteContent: '"\\201C"',
        quoteFontSize: '3em',
        quoteFontFamily: 'Arial',
        quoteFontWeight: 'inherit',
        quoteFontStyle: 'inherit',
        quoteTextDecoration: 'inherit',
        quoteLineHeight: 'inherit',
    };
}, { prefix: 'bq' });
export { blockquotes as default };