wecui
Version:
一款基于Vue2.x版本的移动端web组件
40 lines (33 loc) • 1 kB
JavaScript
import variables from '../core/variables.es6.js';
import functions from '../core/functions.es6.js';
// Adds padding to the element.
//
// @padding
// A list of padding value(s) to use. Passing `default` in the list will result
// in using the gutter width as a padding value.
//
// @example - PostCSS Usage
// .element {
// @neat-pad 30px -20px 10px default;
// }
//
// @example - CSS Output
// .element {
// padding: 30px -20px 10px 2.3576516%;
// }
//
let pad = (padding = 'default', options = variables) => {
let columnGutter = functions.percentage(functions.flexGutter(options.neatGridColumns, options.neatColumnWidth, options.neatGutterWidth));
let parts = Array.isArray(padding) ? padding : padding.split(' ');
if (!parts.length) {
parts.push('default');
}
return {
'padding': parts.reduce((aggr, value) => {
aggr.push(value === 'default' ? columnGutter : value);
return aggr;
}, []).join(' ')
};
};
export default pad;
;