@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 = {
themeFontWeightRegular() {
return {
'font-weight': 'var(--gform-theme-font-weight-normal)',
};
},
themeFontWeightMedium() {
return {
'font-weight': 'var(--gform-theme-font-weight-medium)',
};
},
themeFontWeightSemiBold() {
return {
'font-weight': 'var(--gform-theme-font-weight-semibold)',
};
},
themeDisplay3xl() {
return {
'font-size': 'var(--gform-theme-font-size-7xl)',
'letter-spacing': 'var(--gform-theme-letter-spacing-tight)',
'line-height': 'var(--gform-theme-line-height-3xs)',
};
},
themeDisplay2xl() {
return {
'font-size': 'var(--gform-theme-font-size-6xl)',
'letter-spacing': 'var(--gform-theme-letter-spacing-tight)',
'line-height': 'var(--gform-theme-line-height-5xs)',
};
},
themeDisplayXl() {
return {
'font-size': 'var(--gform-theme-font-size-5xl)',
'letter-spacing': 'var(--gform-theme-letter-spacing-tight)',
'line-height': 'var(--gform-theme-line-height-3xs)',
};
},
themeDisplayLg() {
return {
'font-size': 'var(--gform-theme-font-size-4xl)',
'letter-spacing': 'var(--gform-theme-letter-spacing-tight)',
'line-height': 'var(--gform-theme-line-height-6xs)',
};
},
themeDisplayMd() {
return {
'font-size': 'var(--gform-theme-font-size-3xl)',
'letter-spacing': 'var(--gform-theme-letter-spacing-tight)',
'line-height': 'var(--gform-theme-line-height-4xs)',
};
},
themeDisplaySm() {
return {
'font-size': 'var(--gform-theme-font-size-2xl)',
'line-height': 'var(--gform-theme-line-height-2xs)',
};
},
themeDisplayXs() {
return {
'font-size': 'var(--gform-theme-font-size-xl)',
'line-height': 'var(--gform-theme-line-height-xs)',
};
},
themeTextXl() {
return {
'font-size': 'var(--gform-theme-font-size-lg)',
'line-height': 'var(--gform-theme-line-height-base)',
};
},
themeTextLg() {
return {
'font-size': 'var(--gform-theme-font-size-md)',
'line-height': 'var(--gform-theme-line-height-md)',
};
},
themeTextMd() {
return {
'font-size': 'var(--gform-theme-font-size-base)',
'line-height': 'var(--gform-theme-line-height-base)',
};
},
themeTextSm() {
return {
'font-size': 'var(--gform-theme-font-size-sm)',
'line-height': 'var(--gform-theme-line-height-sm)',
};
},
themeTextXs() {
return {
'font-size': 'var(--gform-theme-font-size-xs)',
'line-height': 'var(--gform-theme-line-height-base)',
};
},
themeText2xs() {
return {
'font-size': 'var(--gform-theme-font-size-2xs)',
'line-height': 'var(--gform-theme-line-height-lg)',
};
},
};