UNPKG

@gravityforms/design-tokens

Version:

Design tokens as PostCSS variables, media queries, and mixins for Gravity Forms development.

github.com/gravityforms/gravitypackages/tree/HEAD/packages/npm/design-tokens/README.md

gravityforms/gravitypackages

23 lines (22 loc) • 2.71 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
module.exports = { '--%project_name%-admin-box-shadow-micro': '0 1px 4px rgba(18, 25, 97, 0.0779552)', '--%project_name%-admin-box-shadow-datepicker': '0 0.125rem 0.75rem rgba(28, 31, 63, 0.09)', '--%project_name%-admin-box-shadow-popup': '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%-admin-box-shadow-toggle': '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%-admin-box-shadow-mega': '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%-admin-box-shadow-focus-light': '0 0 0 1px var(--%project_name%-admin-color-focus)', '--%project_name%-admin-box-shadow-focus': '0 0 0 2px var(--%project_name%-admin-color-focus)', '--%project_name%-admin-box-shadow-focus-sm': '0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 2px var(--%project_name%-admin-color-white-lilac)', '--%project_name%-admin-box-shadow-focus-state': '0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 2px var(--%project_name%-admin-color-focus)', '--%project_name%-admin-box-shadow-button': '0 1px 2px rgba(0, 0, 0, 0.05)', '--%project_name%-admin-box-shadow-small': 'var(--%project_name%-admin-box-shadow-datepicker)', '--%project_name%-admin-box-shadow-input-focus': '0 0.125rem 0.0675rem rgba(28, 31, 63, 0.0634624), 0 0 0 2px var(--%project_name%-admin-color-focus)', '--%project_name%-admin-box-shadow-input-hover': '0 0.25rem 0.25rem rgba(18, 25, 97, 0.0405344)', '--%project_name%-admin-box-shadow-input-error-focus': '0 0 0 2px var(--%project_name%-admin-color-background-red), 0 1px 2px 0 rgba(16, 24, 40, 0.05)', '--%project_name%-admin-box-shadow-outline-light': '0 2px 2px rgba(58, 58, 87, 0.0596411)', '--%project_name%-admin-box-shadow-outline-light-hover': '0 4px 2px rgba(58, 58, 87, 0.1)', '--%project_name%-admin-box-shadow-outline-light-hover-alt': '0 2px 2px rgba(58, 58, 87, 0.0796)', '--%project_name%-admin-box-shadow-uber': '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%-admin-box-shadow-super': '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%-admin-box-shadow-midnight': '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)', };