@gravityforms/design-tokens
Version:
Design tokens as PostCSS variables, media queries, and mixins for Gravity Forms development.
101 lines (100 loc) • 2.57 kB
JavaScript
module.exports = {
adminFontWeightRegular() {
return {
'font-weight': 'var(--gform-admin-font-weight-normal)',
};
},
adminFontWeightMedium() {
return {
'font-weight': 'var(--gform-admin-font-weight-medium)',
};
},
adminFontWeightSemiBold() {
return {
'font-weight': 'var(--gform-admin-font-weight-semibold)',
};
},
adminDisplay3xl() {
return {
'font-size': 'var(--gform-admin-font-size-7xl)',
'letter-spacing': 'var(--gform-admin-letter-spacing-tight)',
'line-height': 'var(--gform-admin-line-height-3xs)',
};
},
adminDisplay2xl() {
return {
'font-size': 'var(--gform-admin-font-size-6xl)',
'letter-spacing': 'var(--gform-admin-letter-spacing-tight)',
'line-height': 'var(--gform-admin-line-height-5xs)',
};
},
adminDisplayXl() {
return {
'font-size': 'var(--gform-admin-font-size-5xl)',
'letter-spacing': 'var(--gform-admin-letter-spacing-tight)',
'line-height': 'var(--gform-admin-line-height-3xs)',
};
},
adminDisplayLg() {
return {
'font-size': 'var(--gform-admin-font-size-4xl)',
'letter-spacing': 'var(--gform-admin-letter-spacing-tight)',
'line-height': 'var(--gform-admin-line-height-6xs)',
};
},
adminDisplayMd() {
return {
'font-size': 'var(--gform-admin-font-size-3xl)',
'letter-spacing': 'var(--gform-admin-letter-spacing-tight)',
'line-height': 'var(--gform-admin-line-height-4xs)',
};
},
adminDisplaySm() {
return {
'font-size': 'var(--gform-admin-font-size-2xl)',
'line-height': 'var(--gform-admin-line-height-2xs)',
};
},
adminDisplayXs() {
return {
'font-size': 'var(--gform-admin-font-size-xl)',
'line-height': 'var(--gform-admin-line-height-xs)',
};
},
adminTextXl() {
return {
'font-size': 'var(--gform-admin-font-size-lg)',
'line-height': 'var(--gform-admin-line-height-base)',
};
},
adminTextLg() {
return {
'font-size': 'var(--gform-admin-font-size-md)',
'line-height': 'var(--gform-admin-line-height-md)',
};
},
adminTextMd() {
return {
'font-size': 'var(--gform-admin-font-size-base)',
'line-height': 'var(--gform-admin-line-height-base)',
};
},
adminTextSm() {
return {
'font-size': 'var(--gform-admin-font-size-sm)',
'line-height': 'var(--gform-admin-line-height-sm)',
};
},
adminTextXs() {
return {
'font-size': 'var(--gform-admin-font-size-xs)',
'line-height': 'var(--gform-admin-line-height-base)',
};
},
adminText2xs() {
return {
'font-size': 'var(--gform-admin-font-size-2xs)',
'line-height': 'var(--gform-admin-line-height-lg)',
};
},
};