Fixed using @media with a hash

See #18
ThisIsManta · Jan 18, 2018 · d12287c · d12287c
1 parent d2fea76
commit d12287c
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 6 deletions.
diff --git a/edge/format.js b/edge/format.js
@@ -915,11 +915,16 @@ function format(content, options = {}) {
 			}
 
 		} else if (inputNode instanceof Stylus.nodes.Feature) {
-			outputBuffer.append(openParen)
-			outputBuffer.append(travelThroughSegments(inputNode, indentLevel).join(''))
-			outputBuffer.append(': ')
-			outputBuffer.append(travel(inputNode, inputNode.expr, indentLevel, true))
-			outputBuffer.append(closeParen)
+			if (inputNode.expr) {
+				outputBuffer.append(openParen)
+				outputBuffer.append(travelThroughSegments(inputNode, indentLevel).join(''))
+				outputBuffer.append(': ')
+				outputBuffer.append(travel(inputNode, inputNode.expr, indentLevel, true))
+				outputBuffer.append(closeParen)
+
+			} else {
+				outputBuffer.append(travel(inputNode, inputNode.segments[0], indentLevel, true))
+			}
 
 		} else if (inputNode instanceof Stylus.nodes.Supports) {
 			outputBuffer.append(indent + '@supports ')

diff --git a/spec/media/input.styl b/spec/media/input.styl
@@ -4,4 +4,11 @@
   display none
 @media only screen and (min-width: 0px) and (max-width: 679px)
   display none
-
+
+$display-breakpoints = {
+  md-and-up: 'screen and (min-width: 600px)'
+}
+
+@media $display-breakpoints.md-and-up
+  .widget
+    display: none
diff --git a/spec/media/output.styl b/spec/media/output.styl
@@ -9,3 +9,13 @@
 @media only screen and (min-width: 0px) and (max-width: 679px) {
 	display: none;
 }
+
+$display-breakpoints = {
+	md-and-up: 'screen and (min-width: 600px)'
+};
+
+@media $display-breakpoints.md-and-up {
+	.widget {
+		display: none;
+	}
+}