@braineet/ui
Version:
Braineet design system
132 lines • 3.66 kB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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);
});