62 lines
1.8 KiB
JavaScript
62 lines
1.8 KiB
JavaScript
const calc = require('reduce-css-calc');
|
|
const randomNatural = require('random-natural');
|
|
|
|
// from https://github.com/styled-components/styled-components/blob/065001c725744629c7870240e4a955b924ef5337/src/utils/generateAlphabeticName.js
|
|
const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
|
|
const rndId = (_code) => {
|
|
const code = !_code ? randomNatural({
|
|
min: 1000000000
|
|
}) : _code;
|
|
|
|
const lastDigit = chars[code % chars.length];
|
|
return code > chars.length
|
|
? `${rndId(Math.floor(code / chars.length))}${lastDigit}`
|
|
: lastDigit;
|
|
};
|
|
|
|
const generateFonts = (fontFamilies, fontFilenames) => {
|
|
const pathToFont = '../../shared/fonts/';
|
|
let fontCSS = '';
|
|
|
|
fontFamilies.forEach( (fontFamily, i) => {
|
|
fontCSS += `
|
|
@font-face {
|
|
font-family: ${fontFamily};
|
|
src: url(${pathToFont + fontFilenames[i]}.eot);
|
|
src: url(${pathToFont + fontFilenames[i]}.eot?#iefix)
|
|
format('embedded-opentype');
|
|
src: url(${pathToFont + fontFilenames[i]}.woff)
|
|
format('woff');
|
|
src: url(${pathToFont + fontFilenames[i]}.woff2)
|
|
format('woff2');
|
|
src: url(${pathToFont + fontFilenames[i]}.ttf)
|
|
format('truetype');
|
|
src: url(${pathToFont + fontFilenames[i]}.svg#${fontFamily})
|
|
format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
`;
|
|
});
|
|
return fontCSS;
|
|
};
|
|
|
|
module.exports = {
|
|
remcalc: (values) => {
|
|
values = values.toString().replace('px', '').split(' ');
|
|
|
|
let outputRems = '';
|
|
const base = 16;
|
|
|
|
values.forEach( (value, i) => {
|
|
const remValue = value / base;
|
|
outputRems += i === 0 ? `${remValue}rem` : ` ${remValue}rem`;
|
|
});
|
|
|
|
return outputRems;
|
|
},
|
|
calc: (str) => calc(`calc(${str})`),
|
|
rndId,
|
|
generateFonts
|
|
};
|