@chassis/core
Version:
CSS4 pre-processor and responsive framework for modern UI development
154 lines (149 loc) • 2.45 kB
JavaScript
export default {
layout: {
maxWidth: 7680,
blockElements: [
'article',
'aside',
'details',
'figcaption',
'figure',
'footer',
'header',
'hgroup',
'main',
'menu',
'nav',
'section',
'summary'
],
innerContainers: [
'section section',
'section nav',
'nav section',
'nav nav',
'fieldset',
'figure',
'pre',
'blockquote',
'table',
'p'
],
outerContainers: [
'section',
'nav',
'form'
]
},
reset: {
selectorList: [
'html',
'body',
'div',
'span',
'applet',
'object',
'iframe',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'p',
'blockquote',
'pre',
'a',
'abbr',
'acronym',
'address',
'big',
'cite',
'code',
'del',
'dfn',
'em',
'img',
'ins',
'kbd',
'q',
's',
'samp',
'small',
'strike',
'strong',
'sub',
'sup',
'tt',
'var',
'b',
'u',
'i',
'center',
'dl',
'dt',
'dd',
'ol',
'ul',
'li',
'fieldset',
'form',
'label',
'legend',
'table',
'caption',
'tbody',
'tfoot',
'thead',
'tr',
'th',
'td',
'article',
'aside',
'canvas',
'details',
'embed',
'figure',
'figcaption',
'footer',
'header',
'hgroup',
'menu',
'nav',
'output',
'ruby',
'section',
'summary',
'time',
'mark',
'audio',
'video'
]
},
typography: {
scaleRatios: {
'minor 2nd': 16 / 15,
'minor second': 16 / 15,
'major 2nd': 9 / 8,
'major second': 9 / 8,
'minor 3rd': 6 / 5,
'minor third': 6 / 5,
'major 3rd': 5 / 4,
'major third': 5 / 4,
'perfect 4th': 4 / 3,
'perfect fourth': 4 / 3,
tritone: 45 / 32,
'perfect 5th': 3 / 2,
'perfect fifth': 3 / 2,
'minor 6th': 8 / 5,
'minor sixth': 8 / 5,
'golden ratio': (1 + Math.sqrt(5)) / 2,
'major 6th': 5 / 3,
'major sixth': 5 / 3,
'minor 7th': 16 / 9,
'minor seventh': 16 / 9,
'major 7th': 15 / 8,
'major seventh': 15 / 8,
octave: 2
}
}
}