bylapidist/styles

View on GitHub
tokens/theme/dark/elevation.cjs

Summary

Maintainability
Test Coverage
module.exports = {
    elevation: {
        none: {
            value: 'none'
        },
        lowest: {
            value: '0 2px 3px oklch(1 0 0 / 0.1)'
        },
        lower: {
            value: '0 2px 4px oklch(1 0 0 / 0.12), 0 10px 13px oklch(1 0 0 / 0.02), 0 -10px 13px oklch(1 0 0 / 0.02)'
        },
        higher: {
            value: '0 2px 5px oklch(1 0 0 / 0.16), -10px 15px 15px oklch(1 0 0 / 0.03), 10px 0px 15px oklch(1 0 0 / 0.03)'
        },
        highest: {
            value: '0 2px 6px oklch(1 0 0 / 0.18), -15px 20px 20px oklch(1 0 0 / 0.04), 15px -5px 20px oklch(1 0 0 / 0.04)'
        }
    }
};