Ejemplos de to-percentage en JavaScript

Ejemplo n.º 1

Archivo: create-col-rule.js Proyecto: graphis/rework-flex-grid

module.exports = function createColRule(currCol, numCols, classNames, modifier) {
  var colRule = {
    type: 'rule',
    selectors: [getColSelector(currCol, numCols, classNames, modifier)],
    declarations: [{
      type: 'declaration',
      property: 'max-width',
      value: toPercentage(currCol/numCols, 10)
    }, {
      type: 'declaration',
      property: 'flex-basis',
      value: toPercentage(currCol/numCols, 10)
    }]
  };

  return colRule;
};

Ejemplo n.º 2

Archivo: create-col-offset-rule.js Proyecto: graphis/rework-flex-grid

module.exports = function createColRule(currCol, numCols, classNames, modifier) {
  var colRule = {
    type: 'rule',
    selectors: [getColOffsetSelector(currCol, numCols, classNames, modifier)],
    declarations: [{
      type: 'declaration',
      property: 'margin-left',
      value: toPercentage((numCols-currCol)/numCols, 10)
    }]
  };

  return colRule;
};