UNPKG

wecui

Version:

一款基于Vue2.x版本的移动端web组件

40 lines (33 loc) 1 kB
'use strict'; 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;