kmx.io/prism.js/tests/languages/css!+css-extras/operator_feature.test

• Show log

  Commit

• Hash : 5fcee966
  Author :
  Date : 2018-12-03T20:55:22
  

  Identify CSS units and variables (#1450) Assume CSS unit is a word or `%` after a number, CSS variable is a word inside `var()`. `%` is not recognized as a part of number, but the leading `-` is. When using minus operator in `calc` function, we must type a space in both sides of `-` (value like `calc(100%-5px)` is wrong), so if we met a pattern like `-[\d.]` in a CSS value (not in selector, rule or variable), it must be the start of a negative number.

Download

• tests/languages/css!+css-extras/operator_feature.test

• width: calc(100% + 20px);
  width: calc(100% - 20px);
  width: calc(5px * 2);
  width: calc(10px / 2);
  height: -20px;
  content: 'this - is not an operator';
  
  ----------------------------------------------------
  
  [
  	["property", "width"],
  	["punctuation", ":"],
  	["function", "calc"],
  	["punctuation", "("],
  	["number", "100"],
  	["unit", "%"],
  	["operator", "+"],
  	["number", "20"],
  	["unit", "px"],
  	["punctuation", ")"],
  	["punctuation", ";"],
  
  	["property", "width"],
  	["punctuation", ":"],
  	["function", "calc"],
  	["punctuation", "("],
  	["number", "100"],
  	["unit", "%"],
  	["operator", "-"],
  	["number", "20"],
  	["unit", "px"],
  	["punctuation", ")"],
  	["punctuation", ";"],
  
  	["property", "width"],
  	["punctuation", ":"],
  	["function", "calc"],
  	["punctuation", "("],
  	["number", "5"],
  	["unit", "px"],
  	["operator", "*"],
  	["number", "2"],
  	["punctuation", ")"],
  	["punctuation", ";"],
  
  	["property", "width"],
  	["punctuation", ":"],
  	["function", "calc"],
  	["punctuation", "("],
  	["number", "10"],
  	["unit", "px"],
  	["operator", "/"],
  	["number", "2"],
  	["punctuation", ")"],
  	["punctuation", ";"],
  
  	["property", "height"],
  	["punctuation", ":"],
  	["number", "-20"],
  	["unit", "px"],
  	["punctuation", ";"],
  
  	["property", "content"],
  	["punctuation", ":"],
  	["string", "'this - is not an operator'"],
  	["punctuation", ";"]
  ]
  
  ----------------------------------------------------
  
  Checks for operators.
  

Download