vscode-css-languageservice 5.1.5 → 5.1.9

package/lib/umd/languageFacts/builtinData.js

@@ -13,7 +13,7 @@
      *--------------------------------------------------------------------------------------------*/
     'use strict';
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.pageBoxDirectives = exports.svgElements = exports.html5Tags = exports.units = exports.basicShapeFunctions = exports.transitionTimingFunctions = exports.imageFunctions = exports.cssWideKeywords = exports.geometryBoxKeywords = exports.boxKeywords = exports.lineWidthKeywords = exports.lineStyleKeywords = exports.repeatStyleKeywords = exports.positionKeywords = void 0;
+    exports.pageBoxDirectives = exports.svgElements = exports.html5Tags = exports.units = exports.basicShapeFunctions = exports.transitionTimingFunctions = exports.imageFunctions = exports.cssWideFunctions = exports.cssWideKeywords = exports.geometryBoxKeywords = exports.boxKeywords = exports.lineWidthKeywords = exports.lineStyleKeywords = exports.repeatStyleKeywords = exports.positionKeywords = void 0;
     exports.positionKeywords = {
         'bottom': 'Computes to ‘100%’ for the vertical position if one or two values are given, otherwise specifies the bottom edge as the origin for the next offset.',
         'center': 'Computes to ‘50%’ (‘left 50%’) for the horizontal position if the horizontal position is not otherwise specified, or ‘50%’ (‘top 50%’) for the vertical position if it is.',
@@ -58,6 +58,10 @@
         'inherit': 'Represents the computed value of the property on the element’s parent.',
         'unset': 'Acts as either `inherit` or `initial`, depending on whether the property is inherited or not.'
     };
+    exports.cssWideFunctions = {
+        'var()': 'Evaluates the value of a custom variable.',
+        'calc()': 'Evaluates an mathematical expression. The following operators can be used: + - * /.'
+    };
     exports.imageFunctions = {
         'url()': 'Reference an image file by URL',
         'image()': 'Provide image fallbacks and annotations.',

package/lib/umd/languageFacts/colors.js

@@ -373,6 +373,21 @@
             var functionNode = node;
             var name = functionNode.getName();
             var colorValues = functionNode.getArguments().getChildren();
+            if (colorValues.length === 1) {
+                var functionArg = colorValues[0].getChildren();
+                if (functionArg.length === 1 && functionArg[0].type === nodes.NodeType.Expression) {
+                    colorValues = functionArg[0].getChildren();
+                    if (colorValues.length === 3) {
+                        var lastValue = colorValues[2];
+                        if (lastValue instanceof nodes.BinaryExpression) {
+                            var left = lastValue.getLeft(), right = lastValue.getRight(), operator = lastValue.getOperator();
+                            if (left && right && operator && operator.matches('/')) {
+                                colorValues = [colorValues[0], colorValues[1], left, right];
+                            }
+                        }
+                    }
+                }
+            }
             if (!name || colorValues.length < 3 || colorValues.length > 4) {
                 return null;
             }

package/lib/umd/languageFacts/entry.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
+        define(["require", "exports", "../cssLanguageTypes"], factory);
     }
 })(function (require, exports) {
     /*---------------------------------------------------------------------------------------------
@@ -14,6 +14,7 @@
     'use strict';
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.getBrowserLabel = exports.textToMarkedString = exports.getEntryDescription = exports.browserNames = void 0;
+    var cssLanguageTypes_1 = require("../cssLanguageTypes");
     exports.browserNames = {
         E: 'Edge',
         FF: 'Firefox',
@@ -99,8 +100,12 @@
             if (entry.status) {
                 result += getEntryStatus(entry.status);
             }
-            var description = typeof entry.description === 'string' ? entry.description : entry.description.value;
-            result += textToMarkedString(description);
+            if (typeof entry.description === 'string') {
+                result += textToMarkedString(entry.description);
+            }
+            else {
+                result += entry.description.kind === cssLanguageTypes_1.MarkupKind.Markdown ? entry.description.value : textToMarkedString(entry.description.value);
+            }
             var browserLabel = getBrowserLabel(entry.browsers);
             if (browserLabel) {
                 result += '\n\n(' + textToMarkedString(browserLabel) + ')';

package/lib/umd/parser/cssNodes.js

@@ -28,7 +28,7 @@ var __extends = (this && this.__extends) || (function () {
      *--------------------------------------------------------------------------------------------*/
     'use strict';
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ParseErrorCollector = exports.Marker = exports.Level = exports.Module = exports.GuardCondition = exports.LessGuard = exports.ListEntry = exports.UnknownAtRule = exports.MixinDeclaration = exports.MixinReference = exports.MixinContentDeclaration = exports.MixinContentReference = exports.ExtendsReference = exports.Variable = exports.Interpolation = exports.VariableDeclaration = exports.NumericValue = exports.HexColorValue = exports.Operator = exports.AttributeSelector = exports.Term = exports.BinaryExpression = exports.Expression = exports.PageBoxMarginBox = exports.Page = exports.SupportsCondition = exports.MediaQuery = exports.Medialist = exports.Document = exports.Supports = exports.Media = exports.Namespace = exports.ForwardVisibility = exports.Forward = exports.ModuleConfiguration = exports.Use = exports.Import = exports.KeyframeSelector = exports.Keyframe = exports.NestedProperties = exports.FontFace = exports.ViewPort = exports.FunctionDeclaration = exports.ElseStatement = exports.WhileStatement = exports.EachStatement = exports.ForStatement = exports.IfStatement = exports.FunctionArgument = exports.FunctionParameter = exports.Function = exports.Invocation = exports.Property = exports.CustomPropertyDeclaration = exports.Declaration = exports.CustomPropertySet = exports.AbstractDeclaration = exports.AtApplyRule = exports.SimpleSelector = exports.Selector = exports.RuleSet = exports.BodyDeclaration = exports.Declarations = exports.Stylesheet = exports.Identifier = exports.Nodelist = exports.Node = exports.getParentDeclaration = exports.getNodePath = exports.getNodeAtOffset = exports.ReferenceType = exports.NodeType = void 0;
+    exports.ParseErrorCollector = exports.Marker = exports.Level = exports.Module = exports.GuardCondition = exports.LessGuard = exports.ListEntry = exports.UnknownAtRule = exports.MixinDeclaration = exports.MixinReference = exports.MixinContentDeclaration = exports.MixinContentReference = exports.ExtendsReference = exports.Variable = exports.Interpolation = exports.VariableDeclaration = exports.NumericValue = exports.RatioValue = exports.HexColorValue = exports.Operator = exports.AttributeSelector = exports.Term = exports.BinaryExpression = exports.Expression = exports.PageBoxMarginBox = exports.Page = exports.SupportsCondition = exports.MediaFeature = exports.MediaCondition = exports.MediaQuery = exports.Medialist = exports.Document = exports.Supports = exports.Media = exports.Namespace = exports.ForwardVisibility = exports.Forward = exports.ModuleConfiguration = exports.Use = exports.Import = exports.KeyframeSelector = exports.Keyframe = exports.NestedProperties = exports.FontFace = exports.ViewPort = exports.FunctionDeclaration = exports.ElseStatement = exports.WhileStatement = exports.EachStatement = exports.ForStatement = exports.IfStatement = exports.FunctionArgument = exports.FunctionParameter = exports.Function = exports.Invocation = exports.Property = exports.CustomPropertyDeclaration = exports.Declaration = exports.CustomPropertySet = exports.AbstractDeclaration = exports.AtApplyRule = exports.SimpleSelector = exports.Selector = exports.RuleSet = exports.BodyDeclaration = exports.Declarations = exports.Stylesheet = exports.Identifier = exports.Nodelist = exports.Node = exports.getParentDeclaration = exports.getNodePath = exports.getNodeAtOffset = exports.ReferenceType = exports.NodeType = void 0;
     var strings_1 = require("../utils/strings");
     /// <summary>
     /// Nodes for the css 2.1 specification. See for reference:
@@ -69,52 +69,55 @@ var __extends = (this && this.__extends) || (function () {
         NodeType[NodeType["Function"] = 30] = "Function";
         NodeType[NodeType["NumericValue"] = 31] = "NumericValue";
         NodeType[NodeType["HexColorValue"] = 32] = "HexColorValue";
-        NodeType[NodeType["MixinDeclaration"] = 33] = "MixinDeclaration";
-        NodeType[NodeType["MixinReference"] = 34] = "MixinReference";
-        NodeType[NodeType["VariableName"] = 35] = "VariableName";
-        NodeType[NodeType["VariableDeclaration"] = 36] = "VariableDeclaration";
-        NodeType[NodeType["Prio"] = 37] = "Prio";
-        NodeType[NodeType["Interpolation"] = 38] = "Interpolation";
-        NodeType[NodeType["NestedProperties"] = 39] = "NestedProperties";
-        NodeType[NodeType["ExtendsReference"] = 40] = "ExtendsReference";
-        NodeType[NodeType["SelectorPlaceholder"] = 41] = "SelectorPlaceholder";
-        NodeType[NodeType["Debug"] = 42] = "Debug";
-        NodeType[NodeType["If"] = 43] = "If";
-        NodeType[NodeType["Else"] = 44] = "Else";
-        NodeType[NodeType["For"] = 45] = "For";
-        NodeType[NodeType["Each"] = 46] = "Each";
-        NodeType[NodeType["While"] = 47] = "While";
-        NodeType[NodeType["MixinContentReference"] = 48] = "MixinContentReference";
-        NodeType[NodeType["MixinContentDeclaration"] = 49] = "MixinContentDeclaration";
-        NodeType[NodeType["Media"] = 50] = "Media";
-        NodeType[NodeType["Keyframe"] = 51] = "Keyframe";
-        NodeType[NodeType["FontFace"] = 52] = "FontFace";
-        NodeType[NodeType["Import"] = 53] = "Import";
-        NodeType[NodeType["Namespace"] = 54] = "Namespace";
-        NodeType[NodeType["Invocation"] = 55] = "Invocation";
-        NodeType[NodeType["FunctionDeclaration"] = 56] = "FunctionDeclaration";
-        NodeType[NodeType["ReturnStatement"] = 57] = "ReturnStatement";
-        NodeType[NodeType["MediaQuery"] = 58] = "MediaQuery";
-        NodeType[NodeType["FunctionParameter"] = 59] = "FunctionParameter";
-        NodeType[NodeType["FunctionArgument"] = 60] = "FunctionArgument";
-        NodeType[NodeType["KeyframeSelector"] = 61] = "KeyframeSelector";
-        NodeType[NodeType["ViewPort"] = 62] = "ViewPort";
-        NodeType[NodeType["Document"] = 63] = "Document";
-        NodeType[NodeType["AtApplyRule"] = 64] = "AtApplyRule";
-        NodeType[NodeType["CustomPropertyDeclaration"] = 65] = "CustomPropertyDeclaration";
-        NodeType[NodeType["CustomPropertySet"] = 66] = "CustomPropertySet";
-        NodeType[NodeType["ListEntry"] = 67] = "ListEntry";
-        NodeType[NodeType["Supports"] = 68] = "Supports";
-        NodeType[NodeType["SupportsCondition"] = 69] = "SupportsCondition";
-        NodeType[NodeType["NamespacePrefix"] = 70] = "NamespacePrefix";
-        NodeType[NodeType["GridLine"] = 71] = "GridLine";
-        NodeType[NodeType["Plugin"] = 72] = "Plugin";
-        NodeType[NodeType["UnknownAtRule"] = 73] = "UnknownAtRule";
-        NodeType[NodeType["Use"] = 74] = "Use";
-        NodeType[NodeType["ModuleConfiguration"] = 75] = "ModuleConfiguration";
-        NodeType[NodeType["Forward"] = 76] = "Forward";
-        NodeType[NodeType["ForwardVisibility"] = 77] = "ForwardVisibility";
-        NodeType[NodeType["Module"] = 78] = "Module";
+        NodeType[NodeType["RatioValue"] = 33] = "RatioValue";
+        NodeType[NodeType["MixinDeclaration"] = 34] = "MixinDeclaration";
+        NodeType[NodeType["MixinReference"] = 35] = "MixinReference";
+        NodeType[NodeType["VariableName"] = 36] = "VariableName";
+        NodeType[NodeType["VariableDeclaration"] = 37] = "VariableDeclaration";
+        NodeType[NodeType["Prio"] = 38] = "Prio";
+        NodeType[NodeType["Interpolation"] = 39] = "Interpolation";
+        NodeType[NodeType["NestedProperties"] = 40] = "NestedProperties";
+        NodeType[NodeType["ExtendsReference"] = 41] = "ExtendsReference";
+        NodeType[NodeType["SelectorPlaceholder"] = 42] = "SelectorPlaceholder";
+        NodeType[NodeType["Debug"] = 43] = "Debug";
+        NodeType[NodeType["If"] = 44] = "If";
+        NodeType[NodeType["Else"] = 45] = "Else";
+        NodeType[NodeType["For"] = 46] = "For";
+        NodeType[NodeType["Each"] = 47] = "Each";
+        NodeType[NodeType["While"] = 48] = "While";
+        NodeType[NodeType["MixinContentReference"] = 49] = "MixinContentReference";
+        NodeType[NodeType["MixinContentDeclaration"] = 50] = "MixinContentDeclaration";
+        NodeType[NodeType["Media"] = 51] = "Media";
+        NodeType[NodeType["Keyframe"] = 52] = "Keyframe";
+        NodeType[NodeType["FontFace"] = 53] = "FontFace";
+        NodeType[NodeType["Import"] = 54] = "Import";
+        NodeType[NodeType["Namespace"] = 55] = "Namespace";
+        NodeType[NodeType["Invocation"] = 56] = "Invocation";
+        NodeType[NodeType["FunctionDeclaration"] = 57] = "FunctionDeclaration";
+        NodeType[NodeType["ReturnStatement"] = 58] = "ReturnStatement";
+        NodeType[NodeType["MediaQuery"] = 59] = "MediaQuery";
+        NodeType[NodeType["MediaCondition"] = 60] = "MediaCondition";
+        NodeType[NodeType["MediaFeature"] = 61] = "MediaFeature";
+        NodeType[NodeType["FunctionParameter"] = 62] = "FunctionParameter";
+        NodeType[NodeType["FunctionArgument"] = 63] = "FunctionArgument";
+        NodeType[NodeType["KeyframeSelector"] = 64] = "KeyframeSelector";
+        NodeType[NodeType["ViewPort"] = 65] = "ViewPort";
+        NodeType[NodeType["Document"] = 66] = "Document";
+        NodeType[NodeType["AtApplyRule"] = 67] = "AtApplyRule";
+        NodeType[NodeType["CustomPropertyDeclaration"] = 68] = "CustomPropertyDeclaration";
+        NodeType[NodeType["CustomPropertySet"] = 69] = "CustomPropertySet";
+        NodeType[NodeType["ListEntry"] = 70] = "ListEntry";
+        NodeType[NodeType["Supports"] = 71] = "Supports";
+        NodeType[NodeType["SupportsCondition"] = 72] = "SupportsCondition";
+        NodeType[NodeType["NamespacePrefix"] = 73] = "NamespacePrefix";
+        NodeType[NodeType["GridLine"] = 74] = "GridLine";
+        NodeType[NodeType["Plugin"] = 75] = "Plugin";
+        NodeType[NodeType["UnknownAtRule"] = 76] = "UnknownAtRule";
+        NodeType[NodeType["Use"] = 77] = "Use";
+        NodeType[NodeType["ModuleConfiguration"] = 78] = "ModuleConfiguration";
+        NodeType[NodeType["Forward"] = 79] = "Forward";
+        NodeType[NodeType["ForwardVisibility"] = 80] = "ForwardVisibility";
+        NodeType[NodeType["Module"] = 81] = "Module";
     })(NodeType = exports.NodeType || (exports.NodeType = {}));
     var ReferenceType;
     (function (ReferenceType) {
@@ -1210,6 +1213,36 @@ var __extends = (this && this.__extends) || (function () {
         return MediaQuery;
     }(Node));
     exports.MediaQuery = MediaQuery;
+    var MediaCondition = /** @class */ (function (_super) {
+        __extends(MediaCondition, _super);
+        function MediaCondition(offset, length) {
+            return _super.call(this, offset, length) || this;
+        }
+        Object.defineProperty(MediaCondition.prototype, "type", {
+            get: function () {
+                return NodeType.MediaCondition;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return MediaCondition;
+    }(Node));
+    exports.MediaCondition = MediaCondition;
+    var MediaFeature = /** @class */ (function (_super) {
+        __extends(MediaFeature, _super);
+        function MediaFeature(offset, length) {
+            return _super.call(this, offset, length) || this;
+        }
+        Object.defineProperty(MediaFeature.prototype, "type", {
+            get: function () {
+                return NodeType.MediaFeature;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return MediaFeature;
+    }(Node));
+    exports.MediaFeature = MediaFeature;
     var SupportsCondition = /** @class */ (function (_super) {
         __extends(SupportsCondition, _super);
         function SupportsCondition(offset, length) {
@@ -1399,6 +1432,21 @@ var __extends = (this && this.__extends) || (function () {
         return HexColorValue;
     }(Node));
     exports.HexColorValue = HexColorValue;
+    var RatioValue = /** @class */ (function (_super) {
+        __extends(RatioValue, _super);
+        function RatioValue(offset, length) {
+            return _super.call(this, offset, length) || this;
+        }
+        Object.defineProperty(RatioValue.prototype, "type", {
+            get: function () {
+                return NodeType.RatioValue;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return RatioValue;
+    }(Node));
+    exports.RatioValue = RatioValue;
     var _dot = '.'.charCodeAt(0), _0 = '0'.charCodeAt(0), _9 = '9'.charCodeAt(0);
     var NumericValue = /** @class */ (function (_super) {
         __extends(NumericValue, _super);

package/lib/umd/parser/cssParser.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
@@ -44,7 +53,11 @@
         Parser.prototype.peek = function (type) {
             return type === this.token.type;
         };
-        Parser.prototype.peekOne = function (types) {
+        Parser.prototype.peekOne = function () {
+            var types = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                types[_i] = arguments[_i];
+            }
             return types.indexOf(this.token.type) !== -1;
         };
         Parser.prototype.peekRegExp = function (type, regEx) {
@@ -453,13 +466,15 @@
                 }
                 this.restoreAtMark(mark);
             }
-            // try tp parse as expression
+            // try to parse as expression
             var expression = this._parseExpr();
             if (expression && !expression.isErroneous(true)) {
                 this._parsePrio();
-                if (this.peekOne(stopTokens || [cssScanner_1.TokenType.SemiColon])) {
+                if (this.peekOne.apply(this, __spreadArray(__spreadArray([], (stopTokens || []), false), [cssScanner_1.TokenType.SemiColon, cssScanner_1.TokenType.EOF], false))) {
                     node.setValue(expression);
-                    node.semicolonPosition = this.token.offset; // not part of the declaration, but useful information for code assist
+                    if (this.peek(cssScanner_1.TokenType.SemiColon)) {
+                        node.semicolonPosition = this.token.offset; // not part of the declaration, but useful information for code assist
+                    }
                     return this.finish(node);
                 }
             }
@@ -811,66 +826,145 @@
         };
         Parser.prototype._parseMediaQueryList = function () {
             var node = this.create(nodes.Medialist);
-            if (!node.addChild(this._parseMediaQuery([cssScanner_1.TokenType.CurlyL]))) {
+            if (!node.addChild(this._parseMediaQuery())) {
                 return this.finish(node, cssErrors_1.ParseError.MediaQueryExpected);
             }
             while (this.accept(cssScanner_1.TokenType.Comma)) {
-                if (!node.addChild(this._parseMediaQuery([cssScanner_1.TokenType.CurlyL]))) {
+                if (!node.addChild(this._parseMediaQuery())) {
                     return this.finish(node, cssErrors_1.ParseError.MediaQueryExpected);
                 }
             }
             return this.finish(node);
         };
-        Parser.prototype._parseMediaQuery = function (resyncStopToken) {
-            // http://www.w3.org/TR/css3-mediaqueries/
-            // media_query : [ONLY | NOT]? S* IDENT S* [ AND S* expression ]* | expression [ AND S* expression ]*
-            // expression : '(' S* IDENT S* [ ':' S* expr ]? ')' S*
+        Parser.prototype._parseMediaQuery = function () {
+            // <media-query> = <media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?
             var node = this.create(nodes.MediaQuery);
-            var parseExpression = true;
-            var hasContent = false;
+            var pos = this.mark();
+            this.acceptIdent('not');
             if (!this.peek(cssScanner_1.TokenType.ParenthesisL)) {
-                if (this.acceptIdent('only') || this.acceptIdent('not')) {
+                if (this.acceptIdent('only')) {
                     // optional
                 }
                 if (!node.addChild(this._parseIdent())) {
                     return null;
                 }
-                hasContent = true;
-                parseExpression = this.acceptIdent('and');
+                if (this.acceptIdent('and')) {
+                    node.addChild(this._parseMediaCondition());
+                }
+            }
+            else {
+                this.restoreAtMark(pos); // 'not' is part of the MediaCondition
+                node.addChild(this._parseMediaCondition());
+            }
+            return this.finish(node);
+        };
+        Parser.prototype._parseRatio = function () {
+            var pos = this.mark();
+            var node = this.create(nodes.RatioValue);
+            if (!this._parseNumeric()) {
+                return null;
+            }
+            if (!this.acceptDelim('/')) {
+                this.restoreAtMark(pos);
+                return null;
+            }
+            if (!this._parseNumeric()) {
+                return this.finish(node, cssErrors_1.ParseError.NumberExpected);
             }
+            return this.finish(node);
+        };
+        Parser.prototype._parseMediaCondition = function () {
+            // <media-condition> = <media-not> | <media-and> | <media-or> | <media-in-parens>
+            // <media-not> = not <media-in-parens>
+            // <media-and> = <media-in-parens> [ and <media-in-parens> ]+
+            // <media-or> = <media-in-parens> [ or <media-in-parens> ]+
+            // <media-in-parens> = ( <media-condition> ) | <media-feature> | <general-enclosed>
+            var node = this.create(nodes.MediaCondition);
+            this.acceptIdent('not');
+            var parseExpression = true;
             while (parseExpression) {
-                // Allow short-circuting for other language constructs.
-                if (node.addChild(this._parseMediaContentStart())) {
-                    parseExpression = this.acceptIdent('and');
-                    continue;
-                }
                 if (!this.accept(cssScanner_1.TokenType.ParenthesisL)) {
-                    if (hasContent) {
-                        return this.finish(node, cssErrors_1.ParseError.LeftParenthesisExpected, [], resyncStopToken);
+                    return this.finish(node, cssErrors_1.ParseError.LeftParenthesisExpected, [], [cssScanner_1.TokenType.CurlyL]);
+                }
+                if (this.peek(cssScanner_1.TokenType.ParenthesisL) || this.peekIdent('not')) {
+                    // <media-condition>
+                    node.addChild(this._parseMediaCondition());
+                }
+                else {
+                    node.addChild(this._parseMediaFeature());
+                }
+                // not yet implemented: general enclosed
+                if (!this.accept(cssScanner_1.TokenType.ParenthesisR)) {
+                    return this.finish(node, cssErrors_1.ParseError.RightParenthesisExpected, [], [cssScanner_1.TokenType.CurlyL]);
+                }
+                parseExpression = this.acceptIdent('and') || this.acceptIdent('or');
+            }
+            return this.finish(node);
+        };
+        Parser.prototype._parseMediaFeature = function () {
+            var _this = this;
+            var resyncStopToken = [cssScanner_1.TokenType.ParenthesisR];
+            var node = this.create(nodes.MediaFeature);
+            // <media-feature> = ( [ <mf-plain> | <mf-boolean> | <mf-range> ] )
+            // <mf-plain> = <mf-name> : <mf-value>
+            // <mf-boolean> = <mf-name>
+            // <mf-range> = <mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>
+            var parseRangeOperator = function () {
+                if (_this.acceptDelim('<') || _this.acceptDelim('>')) {
+                    if (!_this.hasWhitespace()) {
+                        _this.acceptDelim('=');
                     }
-                    return null;
+                    return true;
                 }
-                if (!node.addChild(this._parseMediaFeatureName())) {
-                    return this.finish(node, cssErrors_1.ParseError.IdentifierExpected, [], resyncStopToken);
+                else if (_this.acceptDelim('=')) {
+                    return true;
                 }
+                return false;
+            };
+            if (node.addChild(this._parseMediaFeatureName())) {
                 if (this.accept(cssScanner_1.TokenType.Colon)) {
-                    if (!node.addChild(this._parseExpr())) {
+                    if (!node.addChild(this._parseMediaFeatureValue())) {
                         return this.finish(node, cssErrors_1.ParseError.TermExpected, [], resyncStopToken);
                     }
                 }
-                if (!this.accept(cssScanner_1.TokenType.ParenthesisR)) {
-                    return this.finish(node, cssErrors_1.ParseError.RightParenthesisExpected, [], resyncStopToken);
+                else if (parseRangeOperator()) {
+                    if (!node.addChild(this._parseMediaFeatureValue())) {
+                        return this.finish(node, cssErrors_1.ParseError.TermExpected, [], resyncStopToken);
+                    }
+                    if (parseRangeOperator()) {
+                        if (!node.addChild(this._parseMediaFeatureValue())) {
+                            return this.finish(node, cssErrors_1.ParseError.TermExpected, [], resyncStopToken);
+                        }
+                    }
+                }
+                else {
+                    // <mf-boolean> = <mf-name>
                 }
-                parseExpression = this.acceptIdent('and');
+            }
+            else if (node.addChild(this._parseMediaFeatureValue())) {
+                if (!parseRangeOperator()) {
+                    return this.finish(node, cssErrors_1.ParseError.OperatorExpected, [], resyncStopToken);
+                }
+                if (!node.addChild(this._parseMediaFeatureName())) {
+                    return this.finish(node, cssErrors_1.ParseError.IdentifierExpected, [], resyncStopToken);
+                }
+                if (parseRangeOperator()) {
+                    if (!node.addChild(this._parseMediaFeatureValue())) {
+                        return this.finish(node, cssErrors_1.ParseError.TermExpected, [], resyncStopToken);
+                    }
+                }
+            }
+            else {
+                return this.finish(node, cssErrors_1.ParseError.IdentifierExpected, [], resyncStopToken);
             }
             return this.finish(node);
         };
-        Parser.prototype._parseMediaContentStart = function () {
-            return null;
-        };
         Parser.prototype._parseMediaFeatureName = function () {
             return this._parseIdent();
         };
+        Parser.prototype._parseMediaFeatureValue = function () {
+            return this._parseRatio() || this._parseTermExpression();
+        };
         Parser.prototype._parseMedium = function () {
             var node = this.create(nodes.Node);
             if (node.addChild(this._parseIdent())) {

package/lib/umd/parser/cssScanner.js

@@ -517,8 +517,8 @@
         Scanner.prototype.ident = function (result) {
             var pos = this.stream.pos();
             var hasMinus = this._minus(result);
-            if (hasMinus && this._minus(result) /* -- */) {
-                if (this._identFirstChar(result) || this._escape(result)) {
+            if (hasMinus) {
+                if (this._minus(result) /* -- */ || this._identFirstChar(result) || this._escape(result)) {
                     while (this._identChar(result) || this._escape(result)) {
                         // loop
                     }

package/lib/umd/parser/lessParser.js

@@ -97,8 +97,8 @@ var __extends = (this && this.__extends) || (function () {
             }
             return this.finish(node);
         };
-        LESSParser.prototype._parseMediaQuery = function (resyncStopToken) {
-            var node = _super.prototype._parseMediaQuery.call(this, resyncStopToken);
+        LESSParser.prototype._parseMediaQuery = function () {
+            var node = _super.prototype._parseMediaQuery.call(this);
             if (!node) {
                 var node_1 = this.create(nodes.MediaQuery);
                 if (node_1.addChild(this._parseVariable())) {

package/lib/umd/parser/scssParser.js

@@ -115,8 +115,8 @@ var __extends = (this && this.__extends) || (function () {
             }
             return this.finish(node);
         };
-        SCSSParser.prototype._parseMediaContentStart = function () {
-            return this._parseInterpolation();
+        SCSSParser.prototype._parseMediaCondition = function () {
+            return this._parseInterpolation() || _super.prototype._parseMediaCondition.call(this);
         };
         SCSSParser.prototype._parseMediaFeatureName = function () {
             return this._parseModuleMember()