Ratio.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. var isNumber = require('../../tokenizer').isNumber;
  2. var TYPE = require('../../tokenizer').TYPE;
  3. var NUMBER = TYPE.Number;
  4. var SOLIDUS = TYPE.Solidus;
  5. var FULLSTOP = TYPE.FullStop;
  6. // Terms of <ratio> should to be a positive number (not zero or negative)
  7. // (see https://drafts.csswg.org/mediaqueries-3/#values)
  8. // However, -o-min-device-pixel-ratio takes fractional values as a ratio's term
  9. // and this is using by various sites. Therefore we relax checking on parse
  10. // to test a term is unsigned number without exponent part.
  11. // Additional checks may to be applied on lexer validation.
  12. function consumeNumber(scanner) {
  13. var value = scanner.consumeNonWS(NUMBER);
  14. for (var i = 0; i < value.length; i++) {
  15. var code = value.charCodeAt(i);
  16. if (!isNumber(code) && code !== FULLSTOP) {
  17. scanner.error('Unsigned number is expected', scanner.tokenStart - value.length + i);
  18. }
  19. }
  20. if (Number(value) === 0) {
  21. scanner.error('Zero number is not allowed', scanner.tokenStart - value.length);
  22. }
  23. return value;
  24. }
  25. // <positive-integer> S* '/' S* <positive-integer>
  26. module.exports = {
  27. name: 'Ratio',
  28. structure: {
  29. left: String,
  30. right: String
  31. },
  32. parse: function() {
  33. var start = this.scanner.tokenStart;
  34. var left = consumeNumber(this.scanner);
  35. var right;
  36. this.scanner.eatNonWS(SOLIDUS);
  37. right = consumeNumber(this.scanner);
  38. return {
  39. type: 'Ratio',
  40. loc: this.getLocation(start, this.scanner.tokenStart),
  41. left: left,
  42. right: right
  43. };
  44. },
  45. generate: function(node) {
  46. this.chunk(node.left);
  47. this.chunk('/');
  48. this.chunk(node.right);
  49. }
  50. };