wecui
Version:
一款基于Vue2.x版本的移动端web组件
72 lines (59 loc) • 1.85 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
var _variablesEs = require('../core/variables.es6.js');
var _variablesEs2 = _interopRequireDefault(_variablesEs);
var _functionsEs = require('../core/functions.es6.js');
var _functionsEs2 = _interopRequireDefault(_functionsEs);
var _fillParentEs = require('./fill-parent.es6.js');
var _fillParentEs2 = _interopRequireDefault(_fillParentEs);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// Designates the element as a row of columns in the grid layout. It clears the floats on the element and
// sets its display property. Rows can't be nested, but there can be more than one row element
// with different display properties per layout.
//
// @display
// Sets the display property of the element and the display context that
// will be used by its children. Can be `block` or `table`.
//
// @direction
// Sets the layout direction. Can be `LTR` (left-to-right) or `RTL` (right-to-left).
//
// @example - PostCSS Usage
// .element {
// @neat-row;
// }
//
// @example - CSS Output
// .element {
// *zoom: 1;
// display: block;
// }
//
// .element:before,
// .element:after {
// content: " ";
// display: table;
// }
//
// .element:after {
// clear: both;
// }
//
var row = function row(display) {
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _variablesEs2.default;
display = display || options.neatDefaultDisplay;
if (display === 'table') {
return Object.assign({
'display': 'table',
'table-layout': 'fixed'
}, (0, _fillParentEs2.default)());
} else {
return Object.assign({
'display': 'block'
}, _functionsEs2.default.clearfix());
}
};
exports.default = row;
//# sourceMappingURL=../grid/row.es6.js.map
;