franken-ui/dist/shadcn-ui/components/container.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.

export default {
    '.uk-container': {
        display: 'flow-root',
        boxSizing: 'content-box',
        maxWidth: '1200px',
        marginLeft: 'auto',
        marginRight: 'auto',
        paddingLeft: '1rem',
        paddingRight: '1rem'
    },
    '.uk-container > :last-child': {
        marginBottom: '0'
    },
    '.uk-container .uk-container': {
        paddingLeft: '0',
        paddingRight: '0'
    },
    '.uk-container-xs': {
        maxWidth: '750px'
    },
    '.uk-container-sm': {
        maxWidth: '900px'
    },
    '.uk-container-lg': {
        maxWidth: '1400px'
    },
    '.uk-container-xl': {
        maxWidth: '1600px'
    },
    '.uk-container-expand': {
        maxWidth: 'none'
    },
    '.uk-container-expand-left': {
        marginLeft: '0'
    },
    '.uk-container-expand-right': {
        marginRight: '0'
    },
    '.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right': {
        width: 'calc(100% + 1rem)'
    },
    '.uk-container-item-padding-remove-left': {
        marginLeft: '-1rem'
    },
    '.uk-container-item-padding-remove-right': {
        marginRight: '-1rem'
    }
};