@gitlab/ui
Version:
GitLab UI Components
254 lines (252 loc) • 12.6 kB
JavaScript
/**
* Do not edit directly, this file was auto-generated.
*/
module.exports = {
typographyComponents: {
'.heading-1': {
'font-weight': 'var(--gl-heading-1-font-weight)',
'margin-top': 'var(--gl-heading-1-margin-top)',
'font-size': 'var(--gl-heading-1-font-size)',
'letter-spacing': 'var(--gl-heading-1-letter-spacing)',
'line-height': 'var(--gl-heading-1-line-height)',
'margin-bottom': 'var(--gl-heading-1-margin-bottom)',
color: 'var(--gl-heading-1-color)',
},
'.heading-2': {
'font-weight': 'var(--gl-heading-2-font-weight)',
'margin-top': 'var(--gl-heading-2-margin-top)',
'font-size': 'var(--gl-heading-2-font-size)',
'letter-spacing': 'var(--gl-heading-2-letter-spacing)',
'line-height': 'var(--gl-heading-2-line-height)',
'margin-bottom': 'var(--gl-heading-2-margin-bottom)',
color: 'var(--gl-heading-2-color)',
},
'.heading-3': {
'font-weight': 'var(--gl-heading-3-font-weight)',
'margin-top': 'var(--gl-heading-3-margin-top)',
'font-size': 'var(--gl-heading-3-font-size)',
'letter-spacing': 'var(--gl-heading-3-letter-spacing)',
'line-height': 'var(--gl-heading-3-line-height)',
'margin-bottom': 'var(--gl-heading-3-margin-bottom)',
color: 'var(--gl-heading-3-color)',
},
'.heading-4': {
'font-weight': 'var(--gl-heading-4-font-weight)',
'margin-top': 'var(--gl-heading-4-margin-top)',
'font-size': 'var(--gl-heading-4-font-size)',
'letter-spacing': 'var(--gl-heading-4-letter-spacing)',
'line-height': 'var(--gl-heading-4-line-height)',
'margin-bottom': 'var(--gl-heading-4-margin-bottom)',
color: 'var(--gl-heading-4-color)',
},
'.heading-5': {
'font-weight': 'var(--gl-heading-5-font-weight)',
'margin-top': 'var(--gl-heading-5-margin-top)',
'font-size': 'var(--gl-heading-5-font-size)',
'letter-spacing': 'var(--gl-heading-5-letter-spacing)',
'line-height': 'var(--gl-heading-5-line-height)',
'margin-bottom': 'var(--gl-heading-5-margin-bottom)',
color: 'var(--gl-heading-5-color)',
},
'.heading-6': {
'font-weight': 'var(--gl-heading-6-font-weight)',
'margin-top': 'var(--gl-heading-6-margin-top)',
'font-size': 'var(--gl-heading-6-font-size)',
'letter-spacing': 'var(--gl-heading-6-letter-spacing)',
'line-height': 'var(--gl-heading-6-line-height)',
'margin-bottom': 'var(--gl-heading-6-margin-bottom)',
color: 'var(--gl-heading-6-color)',
},
'.heading-scale-100': {
'font-weight': 'var(--gl-heading-scale-100-font-weight)',
'margin-top': 'var(--gl-heading-scale-100-margin-top)',
'font-size': 'var(--gl-heading-scale-100-font-size)',
'letter-spacing': 'var(--gl-heading-scale-100-letter-spacing)',
'line-height': 'var(--gl-heading-scale-100-line-height)',
color: 'var(--gl-heading-scale-100-color)',
},
'.heading-scale-200': {
'font-weight': 'var(--gl-heading-scale-200-font-weight)',
'margin-top': 'var(--gl-heading-scale-200-margin-top)',
'font-size': 'var(--gl-heading-scale-200-font-size)',
'letter-spacing': 'var(--gl-heading-scale-200-letter-spacing)',
'line-height': 'var(--gl-heading-scale-200-line-height)',
color: 'var(--gl-heading-scale-200-color)',
},
'.heading-scale-300': {
'font-weight': 'var(--gl-heading-scale-300-font-weight)',
'margin-top': 'var(--gl-heading-scale-300-margin-top)',
'font-size': 'var(--gl-heading-scale-300-font-size)',
'letter-spacing': 'var(--gl-heading-scale-300-letter-spacing)',
'line-height': 'var(--gl-heading-scale-300-line-height)',
color: 'var(--gl-heading-scale-300-color)',
},
'.heading-scale-400': {
'font-weight': 'var(--gl-heading-scale-400-font-weight)',
'margin-top': 'var(--gl-heading-scale-400-margin-top)',
'font-size': 'var(--gl-heading-scale-400-font-size)',
'letter-spacing': 'var(--gl-heading-scale-400-letter-spacing)',
'line-height': 'var(--gl-heading-scale-400-line-height)',
color: 'var(--gl-heading-scale-400-color)',
},
'.heading-scale-500': {
'font-weight': 'var(--gl-heading-scale-500-font-weight)',
'margin-top': 'var(--gl-heading-scale-500-margin-top)',
'font-size': 'var(--gl-heading-scale-500-font-size)',
'letter-spacing': 'var(--gl-heading-scale-500-letter-spacing)',
'line-height': 'var(--gl-heading-scale-500-line-height)',
color: 'var(--gl-heading-scale-500-color)',
},
'.heading-scale-600': {
'font-weight': 'var(--gl-heading-scale-600-font-weight)',
'margin-top': 'var(--gl-heading-scale-600-margin-top)',
'font-size': 'var(--gl-heading-scale-600-font-size)',
'letter-spacing': 'var(--gl-heading-scale-600-letter-spacing)',
'line-height': 'var(--gl-heading-scale-600-line-height)',
color: 'var(--gl-heading-scale-600-color)',
},
'.heading-scale-700': {
'font-weight': 'var(--gl-heading-scale-700-font-weight)',
'margin-top': 'var(--gl-heading-scale-700-margin-top)',
'font-size': 'var(--gl-heading-scale-700-font-size)',
'letter-spacing': 'var(--gl-heading-scale-700-letter-spacing)',
'line-height': 'var(--gl-heading-scale-700-line-height)',
color: 'var(--gl-heading-scale-700-color)',
},
'.heading-scale-800': {
'font-weight': 'var(--gl-heading-scale-800-font-weight)',
'margin-top': 'var(--gl-heading-scale-800-margin-top)',
'font-size': 'var(--gl-heading-scale-800-font-size)',
'letter-spacing': 'var(--gl-heading-scale-800-letter-spacing)',
'line-height': 'var(--gl-heading-scale-800-line-height)',
color: 'var(--gl-heading-scale-800-color)',
},
'.heading-scale-100-fixed': {
'font-weight': 'var(--gl-heading-scale-100-fixed-font-weight)',
'margin-top': 'var(--gl-heading-scale-100-fixed-margin-top)',
'font-size': 'var(--gl-heading-scale-100-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-scale-100-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-scale-100-fixed-line-height)',
color: 'var(--gl-heading-scale-100-fixed-color)',
},
'.heading-scale-200-fixed': {
'font-weight': 'var(--gl-heading-scale-200-fixed-font-weight)',
'margin-top': 'var(--gl-heading-scale-200-fixed-margin-top)',
'font-size': 'var(--gl-heading-scale-200-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-scale-200-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-scale-200-fixed-line-height)',
color: 'var(--gl-heading-scale-200-fixed-color)',
},
'.heading-scale-300-fixed': {
'font-weight': 'var(--gl-heading-scale-300-fixed-font-weight)',
'margin-top': 'var(--gl-heading-scale-300-fixed-margin-top)',
'font-size': 'var(--gl-heading-scale-300-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-scale-300-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-scale-300-fixed-line-height)',
color: 'var(--gl-heading-scale-300-fixed-color)',
},
'.heading-scale-400-fixed': {
'font-weight': 'var(--gl-heading-scale-400-fixed-font-weight)',
'margin-top': 'var(--gl-heading-scale-400-fixed-margin-top)',
'font-size': 'var(--gl-heading-scale-400-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-scale-400-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-scale-400-fixed-line-height)',
color: 'var(--gl-heading-scale-400-fixed-color)',
},
'.heading-scale-500-fixed': {
'font-weight': 'var(--gl-heading-scale-500-fixed-font-weight)',
'margin-top': 'var(--gl-heading-scale-500-fixed-margin-top)',
'font-size': 'var(--gl-heading-scale-500-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-scale-500-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-scale-500-fixed-line-height)',
color: 'var(--gl-heading-scale-500-fixed-color)',
},
'.heading-scale-600-fixed': {
'font-weight': 'var(--gl-heading-scale-600-fixed-font-weight)',
'margin-top': 'var(--gl-heading-scale-600-fixed-margin-top)',
'font-size': 'var(--gl-heading-scale-600-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-scale-600-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-scale-600-fixed-line-height)',
color: 'var(--gl-heading-scale-600-fixed-color)',
},
'.heading-scale-700-fixed': {
'font-weight': 'var(--gl-heading-scale-700-fixed-font-weight)',
'margin-top': 'var(--gl-heading-scale-700-fixed-margin-top)',
'font-size': 'var(--gl-heading-scale-700-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-scale-700-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-scale-700-fixed-line-height)',
color: 'var(--gl-heading-scale-700-fixed-color)',
},
'.heading-scale-800-fixed': {
'font-weight': 'var(--gl-heading-scale-800-fixed-font-weight)',
'margin-top': 'var(--gl-heading-scale-800-fixed-margin-top)',
'font-size': 'var(--gl-heading-scale-800-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-scale-800-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-scale-800-fixed-line-height)',
color: 'var(--gl-heading-scale-800-fixed-color)',
},
'.heading-display': {
'font-weight': 'var(--gl-heading-display-font-weight)',
'margin-top': 'var(--gl-heading-display-margin-top)',
'font-size': 'var(--gl-heading-display-font-size)',
'letter-spacing': 'var(--gl-heading-display-letter-spacing)',
'line-height': 'var(--gl-heading-display-line-height)',
'margin-bottom': 'var(--gl-heading-display-margin-bottom)',
color: 'var(--gl-heading-display-color)',
},
'.heading-1-fixed': {
'font-weight': 'var(--gl-heading-1-fixed-font-weight)',
'margin-top': 'var(--gl-heading-1-fixed-margin-top)',
'font-size': 'var(--gl-heading-1-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-1-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-1-fixed-line-height)',
'margin-bottom': 'var(--gl-heading-1-fixed-margin-bottom)',
color: 'var(--gl-heading-1-fixed-color)',
},
'.heading-2-fixed': {
'font-weight': 'var(--gl-heading-2-fixed-font-weight)',
'margin-top': 'var(--gl-heading-2-fixed-margin-top)',
'font-size': 'var(--gl-heading-2-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-2-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-2-fixed-line-height)',
'margin-bottom': 'var(--gl-heading-2-fixed-margin-bottom)',
color: 'var(--gl-heading-2-fixed-color)',
},
'.heading-3-fixed': {
'font-weight': 'var(--gl-heading-3-fixed-font-weight)',
'margin-top': 'var(--gl-heading-3-fixed-margin-top)',
'font-size': 'var(--gl-heading-3-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-3-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-3-fixed-line-height)',
'margin-bottom': 'var(--gl-heading-3-fixed-margin-bottom)',
color: 'var(--gl-heading-3-fixed-color)',
},
'.heading-4-fixed': {
'font-weight': 'var(--gl-heading-4-fixed-font-weight)',
'margin-top': 'var(--gl-heading-4-fixed-margin-top)',
'font-size': 'var(--gl-heading-4-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-4-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-4-fixed-line-height)',
'margin-bottom': 'var(--gl-heading-4-fixed-margin-bottom)',
color: 'var(--gl-heading-4-fixed-color)',
},
'.heading-5-fixed': {
'font-weight': 'var(--gl-heading-5-fixed-font-weight)',
'margin-top': 'var(--gl-heading-5-fixed-margin-top)',
'font-size': 'var(--gl-heading-5-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-5-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-5-fixed-line-height)',
'margin-bottom': 'var(--gl-heading-5-fixed-margin-bottom)',
color: 'var(--gl-heading-5-fixed-color)',
},
'.heading-6-fixed': {
'font-weight': 'var(--gl-heading-6-fixed-font-weight)',
'margin-top': 'var(--gl-heading-6-fixed-margin-top)',
'font-size': 'var(--gl-heading-6-fixed-font-size)',
'letter-spacing': 'var(--gl-heading-6-fixed-letter-spacing)',
'line-height': 'var(--gl-heading-6-fixed-line-height)',
'margin-bottom': 'var(--gl-heading-6-fixed-margin-bottom)',
color: 'var(--gl-heading-6-fixed-color)',
},
},
};