Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

REM Function - updating function to allow for multiple values to be pased in single arguement

Browse Source
This commit is contained in:
Alex Windett 2016-10-27 16:47:03 +01:00
parent b3bc167898
commit 0a08aa84df
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/webpack/base.js
View File

@ -17,11 +17,16 @@ const plugins = {
require('postcss-modules-values'), require('postcss-modules-values'),
require('postcss-functions')({ require('postcss-functions')({
functions: { functions: {
remCalc: function(pixels) { remCalc: function(values) {
pixels = pixels.replace('px', ''); values = values.replace('px', '');
const baseValue = 16; values = values.split(' ');
const remSize = pixels / baseValue; let outputRems = '';
return `${remSize}rem`; const base = 16;
values.forEach( (value, i) => {
const remValue = value / base;
outputRems += i === 0 ? `${remValue}rem` : ` ${remValue}rem`;
});
return outputRems;
} }
}, },
}), }),