@braineet/ui
Version:
Braineet design system
132 lines • 3.73 kB
JavaScript
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import { fluid } from '../../utils';
var fontFamilies = {
display: "\"Montserrat\", sans-serif",
text: "\"Lato\", sans-serif"
};
export default (function (overrides) {
return _extends({
heading: {
xxl: {
fontFamily: fontFamilies.display,
fontSize: fluid(40),
fontWeight: 700,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: 'normal',
letterSpacing: 'normal'
},
xl: {
fontFamily: fontFamilies.display,
fontSize: fluid(20),
fontWeight: 600,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(28),
letterSpacing: 'normal'
},
lg: {
fontFamily: fontFamilies.display,
fontSize: fluid(18),
fontWeight: 600,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(26),
letterSpacing: 'normal'
},
md: {
fontFamily: fontFamilies.display,
fontSize: fluid(16),
fontWeight: 600,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: 'normal',
letterSpacing: 'normal'
},
sm: {
fontFamily: fontFamilies.display,
fontSize: fluid(14),
fontWeight: 600,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(20),
letterSpacing: 'normal'
},
xs: {
fontFamily: fontFamilies.display,
fontSize: fluid(12),
fontWeight: 600,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(16),
letterSpacing: 'normal'
},
xxs: {
fontFamily: fontFamilies.display,
fontSize: fluid(10),
fontWeight: 700,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(14),
letterSpacing: 'normal'
}
},
text: {
xl: {
fontFamily: fontFamilies.text,
fontSize: fluid(20),
fontWeight: 400,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(30),
letterSpacing: 'normal'
},
lg: {
fontFamily: fontFamilies.text,
fontSize: fluid(18),
fontWeight: 400,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(28),
letterSpacing: 'normal'
},
md: {
fontFamily: fontFamilies.text,
fontSize: fluid(16),
fontWeight: 400,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(26),
letterSpacing: 'normal'
},
sm: {
fontFamily: fontFamilies.text,
fontSize: fluid(14),
fontWeight: 400,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(20),
letterSpacing: 'normal'
},
xs: {
fontFamily: fontFamilies.text,
fontSize: fluid(12),
fontWeight: 400,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(16),
letterSpacing: 'normal'
},
xxs: {
fontFamily: fontFamilies.text,
fontSize: fluid(10),
fontWeight: 400,
fontStyle: 'normal',
fontStretch: 'normal',
lineHeight: fluid(12),
letterSpacing: 'normal'
}
},
fontFamilies: fontFamilies
}, overrides);
});