stylus-source 0.15.4 → 0.17.0

data/vendor/test/cases/operators.subscript.css

@@ -0,0 +1,59 @@
+body {
+  foo: true;
+  foo: 3 4 5;
+  foo: true;
+  foo: true;
+  foo: false;
+  foo: -5;
+}
+body {
+  foo: 1 2 3 4;
+  foo: 1;
+  foo: 2 3 4;
+  foo: 2;
+  foo: 3 4;
+  foo: 3;
+  foo: 4;
+  foo: ;
+}
+body {
+  foo: error;
+  foo: "message";
+}
+body {
+  foo: 5;
+  foo: 10;
+}
+body {
+  foo: 5;
+  foo: 10;
+}
+body {
+  foo: 1 2;
+  foo: 3 4;
+  foo: 4;
+}
+body {
+  foo: 100 200;
+  foo: 100;
+  foo: 200;
+  foo: 2;
+}
+body {
+  foo: 100 200;
+  foo: 100;
+  foo: 200;
+  foo: 2;
+}
+body {
+  foo: 100 200;
+  foo: 100;
+  foo: 200;
+  foo: 2;
+}
+body {
+  foo: 100 200;
+  foo: 100;
+  foo: 200;
+  foo: 2;
+}

data/vendor/test/cases/operators.subscript.range.css

@@ -0,0 +1,14 @@
+body {
+  foo: a b;
+  foo: a b c;
+  foo: d e f;
+  foo: c d e;
+}
+body {
+  foo: 1 2 3 4;
+}
+body {
+  foo: ;
+  foo: ;
+  foo: ;
+}

data/vendor/test/cases/operators.subscript.range.styl

@@ -0,0 +1,15 @@
+body
+  vals = a b c d e f g
+  foo vals[0...2]
+  foo vals[0..2]
+  foo vals[3..5]
+  foo vals[2 3 4]
+
+body
+  vals = (1 2) (3 4)
+  foo vals[0..1]
+
+body
+  foo ()[]
+  foo ()[1]
+  foo ()[1..3]

data/vendor/test/cases/operators.subscript.styl

@@ -0,0 +1,81 @@
+body
+  foo ()[0] == null
+  foo (1(2(3 4 5)))[1][1]
+  foo (1 2 3)['test'] == null
+  foo !(1 0)[1]
+  foo !(1 0)[0]
+  foo - - -(1 2 3 4 5)[4]
+
+body
+  foo (1 (2 (3 4)))
+  foo (1 (2 (3 4)))[0]
+  foo (1 (2 (3 4)))[1]
+  foo (1 (2 (3 4)))[1][0]
+  foo (1 (2 (3 4)))[1][1]
+  foo (1 (2 (3 4)))[1][1][0]
+  foo (1 (2 (3 4)))[1][1][1]
+  foo (1 (2 (3 4)))[1][1][3]
+
+body
+  foo (error 'message')[0]
+  foo (error 'message')[1]
+
+size(a, b)
+  return a b
+
+body
+  foo size(5, 10)[0]
+  foo size(5, 10)[1]
+
+size(a, b)
+  (a b)
+
+body
+  foo size(5, 10)[0]
+  foo size(5, 10)[1]
+
+size()
+  (1 2) (3 4)
+
+body
+  foo size()[0]
+  foo size()[1]
+  foo size()[1][1]
+
+image-size(path)
+  w = 100
+  h = 200
+  return w h
+
+body
+  size = image-size('test.png')
+  foo size
+  foo size[0]
+  foo size[1]
+  foo length(size)
+
+image-size(path)
+  100 200
+
+body
+  size = image-size('test.png')
+  foo size
+  foo size[0]
+  foo size[1]
+  foo length(size)
+
+size = 100 200
+
+body
+  foo size
+  foo size[0]
+  foo size[1]
+  foo length(size)
+
+size = (100 200)
+
+body
+  foo size
+  foo size[0]
+  foo size[1]
+  foo length(size)

data/vendor/test/cases/page.css

@@ -0,0 +1,13 @@
+@page {
+  margin: 2.5cm;
+}
+@page :left {
+  margin-left: 5cm;
+}
+@page :right {
+  margin-right: 5cm;
+}
+@page :first {
+  margin-top: 8cm;
+  background: white;
+}

data/vendor/test/cases/page.styl

@@ -0,0 +1,13 @@
+
+@page
+  margin 2.5cm
+
+@page :left
+  margin-left 5cm
+
+@page :right
+  margin-right 5cm
+
+@page :first
+  margin-top 8cm
+  background white

data/vendor/test/cases/parent.css

@@ -0,0 +1,32 @@
+.button {
+  padding: 5px;
+  -webkit-transition: opacity 1s ease-out;
+}
+.button:hover {
+  opacity: 2;
+}
+textarea,
+input {
+  color: #a7a7a7;
+}
+textarea:hover,
+input:hover {
+  color: #000;
+}
+.dim {
+  opacity: 0.2;
+}
+.dim:hover,
+.dim.show {
+  opacity: 1;
+}
+body #login {
+  -webkit-box-shadow: 1px 1px 3px #eee;
+  -moz-box-shadow: 1px 1px 3px #eee;
+  box-shadow: 1px 1px 3px #eee;
+}
+html.ie8 body #login,
+html.ie7 body #login foo,
+html.ie6 body #login {
+  border: solid 1px #eee;
+}

data/vendor/test/cases/parent.styl

@@ -0,0 +1,33 @@
+dim-on-hover()
+  -webkit-transition opacity 1s ease-out
+  &:hover
+    opacity 2
+
+.button
+  padding 5px
+  dim-on-hover()
+
+textarea
+input
+  color #A7A7A7
+  &:hover
+    color #000
+
+.dim
+  opacity .2
+  &:hover
+  &.show
+    opacity 1
+
+box-shadow()
+  -webkit-box-shadow arguments
+  -moz-box-shadow arguments
+  box-shadow arguments
+  html.ie8 &,
+  html.ie7 & foo,
+  html.ie6 &
+    border solid 1px arguments[length(arguments) - 1]
+
+body
+  #login
+    box-shadow 1px 1px 3px #eee

data/vendor/test/cases/properties.colons.css

@@ -0,0 +1,8 @@
+body {
+  margin: 5px;
+  padding: 5px;
+  foo: 5px;
+}
+body something {
+  here: whoop;
+}

data/vendor/test/cases/properties.colons.styl

@@ -0,0 +1,10 @@
+
+mixin()
+  foo: 5px
+  something
+    here: whoop
+
+body
+  margin: 5px
+  padding: 5px
+  mixin()

data/vendor/test/cases/properties.css

@@ -0,0 +1,4 @@
+#wrapper {
+  padding: 5px;
+  white-space: nowrap;
+}

data/vendor/test/cases/properties.one-line.css

@@ -0,0 +1,10 @@
+body {
+  background: #00f;
+  width: 100px;
+  height: 50px;
+}
+body {
+  background: #00f;
+  width: 100px;
+  height: 50px;
+}

data/vendor/test/cases/properties.one-line.styl

@@ -0,0 +1,11 @@
+bg()
+  background: blue;
+
+body {
+  bg(); width: 100px;
+  height: 50px;
+}
+
+body
+  bg(); width 100px;
+  height 50px

data/vendor/test/cases/properties.styl

@@ -0,0 +1,4 @@
+
+#wrapper
+  padding 5px
+  white-space nowrap

data/vendor/test/cases/property-access.css

@@ -0,0 +1,48 @@
+#logo {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 150px;
+  height: 80px;
+  margin-left: -75px;
+  margin-top: -40px;
+  unknown: true;
+}
+multiple {
+  foo: bar baz raz;
+  bar: bar baz raz;
+}
+no-props {
+  foo: ;
+}
+foo {
+  border-color: 1px solid #ff0505;
+  border: 1px solid #ff0505;
+}
+#logo {
+  z-index: 20;
+  position: absolute;
+}
+#logo2 {
+  position: absolute;
+  z-index: 1;
+}
+#foo {
+  width: 200px;
+  height: 100px;
+  min-width: 200px;
+  min-height: 100px;
+}
+body {
+  foo: "bar";
+  bar: "bar";
+}
+body {
+  foo: "bar";
+  bar: "bar";
+}
+body {
+  foo: "bar";
+  bar: "bar";
+}
+

data/vendor/test/cases/property-access.styl

@@ -0,0 +1,62 @@
+#logo
+  position: absolute
+  top: 50%
+  left: 50%
+  width: 150px
+  height: 80px
+  margin-left: -(@width / 2)
+  margin-top: -(@height / 2)
+  unknown: @something == null
+
+multiple
+  foo: bar baz raz
+  bar: @foo
+
+no-props
+  foo: @bar
+
+foo
+  border-color: @border
+  border: 1px solid red + 5
+
+position()
+  position: arguments
+  z-index: 1 unless @z-index
+
+#logo
+  z-index: 20
+  position: absolute
+
+#logo2
+  position: absolute
+
+min-dimensions()
+  min-width: @width
+  min-height: @height
+
+#foo
+  width: 200px
+  height: 100px
+  min-dimensions()
+
+
+body
+  foo: 'bar'
+  if true
+    bar: @foo
+
+mixin()
+  foo: 'bar'
+  if true
+    bar: @foo
+
+body
+  mixin()
+
+mixin2()
+  if true
+    bar: @foo
+
+body
+  foo: 'bar'
+  mixin2()

data/vendor/test/cases/regression.107.lookup-failure.css

@@ -0,0 +1,12 @@
+button {
+  background: #e3e3e3;
+}
+button:hover {
+  background: #dbdbdb;
+}
+button:active {
+  background: #d6d6d6;
+}
+button nested really-nested with-even-more-nesting {
+  background: #e3e3e3;
+}

data/vendor/test/cases/regression.107.lookup-failure.styl

@@ -0,0 +1,13 @@
+minimal-button(bg = #e3e3e3)
+  background bg
+  &:hover
+    background darken(bg, 3)
+  &:active
+    background darken(bg, 5)
+  nested
+    really-nested
+      with-even-more-nesting
+        background bg
+
+button
+  minimal-button()

data/vendor/test/cases/regression.127.css

@@ -0,0 +1,3 @@
+body {
+  background: #c3210d;
+}

data/vendor/test/cases/regression.127.styl

@@ -0,0 +1,2 @@
+body
+  background #c3210d

data/vendor/test/cases/regression.130.css

@@ -0,0 +1,16 @@
+body {
+  font: 13px/1.231;
+}
+body {
+  font: 13px/1.231;
+}
+body {
+  font: 13px/1.231;
+}
+body {
+  font: 13px/1.231;
+}
+body {
+  font: 13px/1.231;
+  background: #fff;
+}

data/vendor/test/cases/regression.130.styl

@@ -0,0 +1,6 @@
+
+body { font: 13px / 1.231; }
+body {font: 13px / 1.231;}
+body {font: 13px / 1.231}
+body {  font : 13px / 1.231  }
+body {  font : 13px / 1.231; background: white }

data/vendor/test/cases/regression.131.css

@@ -0,0 +1,7 @@
+body {
+  font-weight: normal;
+}
+/* foo */
+body {
+  color: #fff;
+}

data/vendor/test/cases/regression.131.styl

@@ -0,0 +1,2 @@
+body { font-weight: normal; } /* foo */
+body { color: #fff; }   // foo

data/vendor/test/cases/regression.137.css

@@ -0,0 +1,7 @@
+#fea-ca {
+  padding: 5px;
+}
+#ffffff {
+  padding: 5px;
+  foo: #fea -ca;
+}

data/vendor/test/cases/regression.137.styl

@@ -0,0 +1,7 @@
+
+#fea-ca
+  padding 5px
+
+#ffffff
+  padding 5px
+  foo #fea-ca

data/vendor/test/cases/regression.139.css

@@ -0,0 +1,5 @@
+body {
+  foo: bottom;
+  foo: right;
+  foo: bottom right;
+}

data/vendor/test/cases/regression.139.styl

@@ -0,0 +1,21 @@
+
+opposite-position(pos) {
+  return bottom if pos == top;
+  return top if pos == bottom;
+  return right if pos == left;
+  return left if pos == right;
+  error('Invalid position ' + pos)
+}
+ 
+opposite(positions) {
+  for pos in positions {
+    pos = opposite-position(pos);
+    ret = ret is defined ? ret pos : pos;
+  }
+}
+ 
+body {
+  foo: opposite(top);
+  foo: opposite(left);
+  foo: opposite(top left);
+}

data/vendor/test/cases/regression.142.css

@@ -0,0 +1,39 @@
+foo,
+bar,
+baz {
+  display: none;
+}
+foo,
+bar,
+baz {
+  display: none;
+}
+body :nth-child(2),
+body foo bar,
+body bar,
+body baz {
+  display: none;
+}
+body {
+  foo: bar;
+}
+body bar,
+body baz {
+  display: none;
+}
+body foo,
+body bar,
+body baz {
+  display: none;
+}
+body foo,
+body :nth-child(2),
+body bar {
+  display: none;
+}
+body {
+  foo: bar;
+}
+body {
+  foo: 3;
+}

data/vendor/test/cases/regression.142.styl

@@ -0,0 +1,54 @@
+
+foo, bar, baz
+  display none
+
+foo
+bar
+baz
+  display none
+
+body
+  :nth-child(2)
+  foo bar
+  bar
+  baz
+    display none
+
+body
+  foo bar
+  bar
+  baz
+    display none
+
+body
+  foo
+  bar
+  baz
+    display none
+
+body
+  foo
+  :nth-child(2)
+  bar
+    display none
+
+fn()
+  bar if true;
+
+something()
+  one
+  two
+  fn()
+
+body
+  foo something()
+
+something()
+  nums = 1 2 3
+  one
+  two
+  for n in nums
+    n
+
+body
+  foo something()

data/vendor/test/cases/regression.146.css

@@ -0,0 +1,30 @@
+input[for=name] {
+  width: 200px;
+}
+body {
+  foo: 1;
+}
+body {
+  foo: 2;
+}
+body {
+  foo: 3;
+}
+body foo {
+  bar: 1;
+  bar: 2;
+  bar: 3;
+}
+#login foo,
+#login input[for=name] {
+  foo: bar;
+}
+#login foo input[for=name] {
+  bar: 1;
+}
+#login foo input[for=name] {
+  bar: 2;
+}
+#login foo input[for=name] {
+  bar: 3;
+}