@gravityforms/design-tokens
Version:
Design tokens as PostCSS variables, media queries, and mixins for Gravity Forms development.
14 lines (13 loc) • 1.42 kB
JavaScript
module.exports = {
'--%project_name%-theme-box-shadow-xs': '0 1px 2px rgba(0, 0, 0, 0.05)',
'--%project_name%-theme-box-shadow-sm': '0 1px 4px rgba(18, 25, 97, 0.0779552)',
'--%project_name%-theme-box-shadow-base': '0 2px 2px rgba(58, 58, 87, 0.0596411)',
'--%project_name%-theme-box-shadow-md': '0 1px 3px rgba(18, 25, 97, 0.1), 0 1px 2px rgba(18, 25, 97, 0.06)',
'--%project_name%-theme-box-shadow-lg': '0 4px 6px -1px rgba(18, 25, 97, 0.1), 0 2px 4px -1px rgba(18, 25, 97, 0.06)',
'--%project_name%-theme-box-shadow-xl': '0 0 0 rgba(18, 25, 97, 0.05), 0 2px 5px rgba(18, 25, 97, 0.1), 0 1px 1px rgba(18, 25, 97, 0.15)',
'--%project_name%-theme-box-shadow-2xl': '0 3px 8px rgba(18, 25, 97, 0.15), 0 1px 1px rgba(18, 25, 97, 0.16), 0 2px 1px rgba(18, 25, 97, 0.04)',
'--%project_name%-theme-box-shadow-3xl': '0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03)',
'--%project_name%-theme-box-shadow-4xl': '0 -10px 65px rgba(18, 25, 97, 0.09), 0 30px 30px rgba(18, 25, 97, 0.07), 0 15px 15px rgba(18, 25, 97, 0.06), 0 10px 8px rgba(18, 25, 97, 0.05), 0 4px 4px rgba(18, 25, 97, 0.04), 0 2px 2px rgba(18, 25, 97, 0.03)',
'--%project_name%-theme-box-shadow-focus': '0 0 0 3px #C3D9FF',
'--%project_name%-theme-box-shadow-focus-red': '0 0 0 2px #FEE4E2',
};