Skip to content

Commit 2e24c5f

Browse files
committed
Merge pull request #74 from bkw/support-vh-vw-vm
support viewport relative units vh, vw and vm
2 parents 0c557b6 + 9ba9d4b commit 2e24c5f

File tree

2 files changed

+36
-0
lines changed

2 files changed

+36
-0
lines changed

src/css/PropertyValuePart.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,9 @@ function PropertyValuePart(text, line, col){
4444
case "pt":
4545
case "pc":
4646
case "ch":
47+
case "vh":
48+
case "vw":
49+
case "vm":
4750
this.type = "length";
4851
break;
4952

tests/css/Parser.js

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1003,6 +1003,39 @@
10031003
Assert.areEqual("ch", result.parts[0].units);
10041004
},
10051005

1006+
testViewportRelativeHeightValue: function(){
1007+
var parser = new Parser();
1008+
var result = parser.parsePropertyValue("50vh");
1009+
1010+
Assert.isInstanceOf(parserlib.css.PropertyValue, result);
1011+
Assert.areEqual(1, result.parts.length);
1012+
Assert.areEqual("length", result.parts[0].type);
1013+
Assert.areEqual(50, result.parts[0].value);
1014+
Assert.areEqual("vh", result.parts[0].units);
1015+
},
1016+
1017+
testViewportRelativeWidthValue: function(){
1018+
var parser = new Parser();
1019+
var result = parser.parsePropertyValue("50vw");
1020+
1021+
Assert.isInstanceOf(parserlib.css.PropertyValue, result);
1022+
Assert.areEqual(1, result.parts.length);
1023+
Assert.areEqual("length", result.parts[0].type);
1024+
Assert.areEqual(50, result.parts[0].value);
1025+
Assert.areEqual("vw", result.parts[0].units);
1026+
},
1027+
1028+
testViewportRelativeMinValue: function(){
1029+
var parser = new Parser();
1030+
var result = parser.parsePropertyValue("50vm");
1031+
1032+
Assert.isInstanceOf(parserlib.css.PropertyValue, result);
1033+
Assert.areEqual(1, result.parts.length);
1034+
Assert.areEqual("length", result.parts[0].type);
1035+
Assert.areEqual(50, result.parts[0].value);
1036+
Assert.areEqual("vm", result.parts[0].units);
1037+
},
1038+
10061039
testPercentageValue: function(){
10071040
var parser = new Parser();
10081041
var result = parser.parsePropertyValue("25.4%");

0 commit comments

Comments
 (0)