stylus-source 0.15.4 → 0.17.0

data/vendor/test/cases/arithmetic.color.css

@@ -0,0 +1,44 @@
+body {
+  foo: #ce4e4e;
+  foo: #ce4e4e;
+}
+body {
+  foo: #ba3a3a;
+  foo: #ba3a3a;
+}
+body {
+  foo: #d06969;
+  foo: #d06969;
+}
+body {
+  foo: #a13333;
+  foo: #a13333;
+}
+body {
+  foo: #c46f44;
+  foo: #c46f44;
+}
+body {
+  foo: #c4446f;
+  foo: #c4446f;
+}
+body {
+  foo: #c476a8;
+  foo: #c476a8;
+}
+body {
+  foo: #c476a8;
+  foo: #c41200;
+}
+body {
+  foo: #ed834e;
+  foo: #ed834e;
+}
+body {
+  foo: #825363;
+  foo: #825363;
+}
+body {
+  color: true;
+  color: true;
+}

data/vendor/test/cases/arithmetic.color.styl

@@ -0,0 +1,48 @@
+$r = #C44444
+$h = hsl(#C44444)
+
+// TODO: hsl() percentages
+
+body
+  foo: $r + 10
+  foo: $h + 10
+
+body
+  foo $r - 10
+  foo $h - 10
+
+body
+  foo $r + 20%
+  foo $h + 20%
+
+body
+  foo $r - 20%
+  foo $h - 20%
+
+body
+  foo $r + 20deg
+  foo $h + 20deg
+
+body
+  foo $r - 20deg
+  foo $h - 20deg
+
+body
+  foo $r + rgb(0,50,100)
+  foo $h + rgb(0,50,100)
+
+body
+  foo $r + rgb(0,50,100)
+  foo $h - rgb(0,50,100)
+
+body
+  foo $r + hsl(20,30,10)
+  foo $h + hsl(20,30,10)
+
+body
+  foo $r - hsl(20,30,10)
+  foo $h - hsl(20,30,10)
+
+body
+  color: (#eee + 50%) == lighten(#eee, 50%)
+  color: (#eee - 50%) == darken(#eee, 50%)

data/vendor/test/cases/arithmetic.css

@@ -0,0 +1,23 @@
+body {
+  font-size: 12px;
+}
+h1 {
+  font-size: 36px;
+}
+h2 {
+  font-size: 24px;
+  font: 2px;
+  font: 0px;
+  font: 16px;
+}
+body {
+  foo: 100%;
+  foo: 100%;
+  foo: 75%;
+  foo: 25%;
+  foo: 25%;
+}
+body {
+  foo: 10em;
+  foo: 10em;
+}

data/vendor/test/cases/arithmetic.styl

@@ -0,0 +1,30 @@
+
+size = 12px
+large = size * (3 - 1)
+huge = size * 3
+
+body
+  font-size size
+
+h1
+  font-size huge
+
+h2
+  font-size large
+  font 5px % 3
+  font 5px % 5
+  font 2px ** 4
+  y = 10
+  x = 15
+
+body {
+  foo: 50% * 2;
+  foo: 2 * 50%;
+  foo: 50 + 50%;
+  foo: 50 - 50%;
+  foo: 50% - 50%;
+}
+body {
+  foo: 5 + 5em;
+  foo: 5em + 5;
+}

data/vendor/test/cases/arithmetic.unary.css

@@ -0,0 +1,16 @@
+h1#logo {
+  margin-top: -15px;
+  margin-left: 3px;
+  foo: false;
+  foo: false;
+  foo: false;
+  foo: false;
+  foo: false;
+  foo: false;
+  foo: 0px -2px -3px;
+  foo: 1px;
+}
+body {
+  text-indent: -99999px;
+  background: #fff url("/some/image.png") no-repeat -29px 1px;
+}

data/vendor/test/cases/arithmetic.unary.styl

@@ -0,0 +1,16 @@
+
+h1#logo
+  margin-top - - - 15px
+  margin-left ~ - 4px
+  foo !true
+  foo !!0
+  foo !-1
+  foo !99
+  foo !((99))
+  foo not not 0
+  foo 0px -2px -3px
+  foo -2px --3px
+
+body
+  text-indent -99999px
+  background #fff url('/some/image.png') no-repeat -29px 1px

data/vendor/test/cases/atscope.css

@@ -0,0 +1,21 @@
+#sidebar h2 {
+  text-transform: uppercase;
+  color: #888;
+}
+#sidebar a {
+  font-size: 12px;
+  color: #2b2b2b;
+}
+#sidebar a:hover {
+  color: #ffc0cb;
+}
+#sidebar .block {
+  margin-bottom: 20px;
+}
+#sidebar ul li a {
+  display: block;
+  margin: 5px 0;
+}
+#sidebar ul li a:hover {
+  margin: 10px 0;
+}

data/vendor/test/cases/atscope.styl

@@ -0,0 +1,23 @@
+
+@scope #sidebar 
+
+h2
+  text-transform: uppercase
+  color: #888
+
+a
+  font-size: 12px
+  color: #2B2B2B
+  &:hover
+    color: pink
+
+.block
+  margin-bottom: 20px
+
+@scope #sidebar ul li
+
+a
+  display: block
+  margin: 5px 0
+  &:hover
+    margin: 10px 0

data/vendor/test/cases/bifs.add-property.css

@@ -0,0 +1,21 @@
+body {
+  background: foo -moz-linear-gradient(#2a2a2a, #454545) bar;
+  background: foo -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2a2a2a), to(#454545)) bar;
+}
+body {
+  background-image: -moz-linear-gradient(#2a2a2a, #454545);
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2a2a2a), to(#454545));
+}
+body {
+  foo: -moz-linear-gradient(#333, #999);
+  foo: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#999));
+}
+body {
+  foo: -moz-linear-gradient(#eee, #999);
+  foo: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#999));
+}
+body {
+  foo: -webkit-something(15px);
+  foo: -moz-something(15px);
+  foo: something(15px);
+}

data/vendor/test/cases/bifs.add-property.styl

@@ -0,0 +1,48 @@
+
+string(val)
+  '' + val
+
+replace(expr, str, val)
+  expr[i] = val if string(e) == str for e, i in expr
+
+linear-gradient(from, to) {
+  if current-property {
+    webkit = s('-webkit-gradient(linear, 0% 0%, 0% 100%, from(%s), to(%s))', from, to);
+    moz = s('-moz-linear-gradient(%s, %s)', from, to);
+    prop = current-property;
+    replace(current-property[1], '__CALL__', moz);
+    add-property(prop[0], prop[1]);
+    webkit;
+  } else {
+    error('linear-gradient() must be used within a property');
+  }
+}
+
+body
+  background foo linear-gradient(#2a2a2a, #454545) bar
+
+body
+  background-image linear-gradient(#2a2a2a, #454545)
+
+body
+  foo linear-gradient(#333, #999)
+
+mixin()
+  foo linear-gradient(#eee, #999)
+
+body
+  mixin()
+
+// multiple calls
+
+something(val)
+  if current-property
+    add-property(current-property[0], s('-webkit-something(%s)', val))
+    add-property(current-property[0], s('-moz-something(%s)', val))
+    s('something(%s)', val)
+  else
+    error('something() must be used within a property')
+
+body {
+  foo: something(15px);
+}

data/vendor/test/cases/bifs.components.css

@@ -0,0 +1,9 @@
+body {
+  background: 255;
+  background: 204;
+  background: 0;
+  background: 0.4;
+  background: 15deg;
+  background: 100%;
+  background: 60%;
+}

data/vendor/test/cases/bifs.components.styl

@@ -0,0 +1,9 @@
+body
+  background red(#fc0)
+  background green(#fc0)
+  background blue(#fc0)
+  background alpha(#fff - rgba(0,0,0,.6))
+  
+  background hue(hsl(15deg,100%,60%))
+  background saturation(hsl(15deg,100%,60%))
+  background lightness(hsl(15deg,100%,60%))

data/vendor/test/cases/bifs.dark.css

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

data/vendor/test/cases/bifs.dark.styl

@@ -0,0 +1,4 @@
+body
+  foo dark(black) == true
+  foo dark(#005716) == true
+  foo dark(white) == false

data/vendor/test/cases/bifs.darken.css

@@ -0,0 +1,8 @@
+body {
+  foo: #808080;
+  foo: #000;
+}
+body {
+  foo: #808080;
+  foo: #404040;
+}

data/vendor/test/cases/bifs.darken.styl

@@ -0,0 +1,9 @@
+
+body
+  foo: darken(#fff, 50)
+  foo: darken(darken(#fff, 50), 50)
+
+
+body
+  foo: darken(#fff, 50%)
+  foo: darken(darken(#fff, 50%), 50%)

data/vendor/test/cases/bifs.fade.css

@@ -0,0 +1,6 @@
+body {
+  color: rgba(238,238,238,0.80);
+  color: rgba(238,238,238,0.50);
+  color: #eee;
+  color: rgba(238,238,238,0.40);
+}

data/vendor/test/cases/bifs.fade.styl

@@ -0,0 +1,6 @@
+
+body
+  color: fade-out(#eee, .2)
+  color: fade-out(#eee, .5)
+  color: fade-in(rgba(#eee, .5), .5)
+  color: fade-in(rgba(#eee, .2), .2)

data/vendor/test/cases/bifs.image-size.css

@@ -0,0 +1,9 @@
+body {
+  foo: 315px 450px;
+  foo: true;
+  foo: true;
+}
+body {
+  foo: 400px 479px;
+  foo: 400px 479px;
+}

data/vendor/test/cases/bifs.image-size.styl

@@ -0,0 +1,16 @@
+
+width(img)
+  return image-size(img)[0]
+
+height(img)
+  return image-size(img)[1]
+
+body
+  foo image-size('gif')
+  foo image-size('gif')[0] == width('gif')
+  foo image-size('gif')[1] == height('gif')
+
+body
+  foo image-size('tux.png')
+  foo image-size('tux.png')
+

data/vendor/test/cases/bifs.join.css

@@ -0,0 +1,18 @@
+body {
+  foo: "1 2 3";
+  foo: "1, 2, 3";
+  foo: "1,2,3";
+  foo: "1";
+  foo: true;
+}
+body {
+  foo: "1, 2, 3";
+  foo: "one 1, two 2, three 3";
+}
+body {
+  foo: "1 2, #fff #000, 5px 6px";
+  foo: "1 2, 3 4, 5 6";
+  foo: "1 2, 3 4, 5 6";
+  foo: "1, 2, 3, 4, 5, 6";
+  foo: "1, 2, 3, 4, 5, 6";
+}

data/vendor/test/cases/bifs.join.styl

@@ -0,0 +1,21 @@
+
+body
+  foo join(' ', 1 2 3)
+  foo join(', ', 1 2 3)
+  foo join(',', 1 2 3)
+  foo join(',', 1)
+  foo join(',') == null
+
+body
+  foo join(', ', 1, 2, 3)
+  foo join(', ', one 1, two 2, three 3)
+
+body
+  a = 1 2
+  b = 3 4
+  c = 5 6
+  foo: join(', ', 1 2, #fff #000, 5px 6px)
+  foo: join(', ', a, b, c)
+  foo: join(', ', a b c)
+  foo: join(', ', 1, 2, 3, 4, 5, 6)
+  foo: join(', ', 1 2 3 4 5 6)

data/vendor/test/cases/bifs.last.css

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

data/vendor/test/cases/bifs.last.styl

@@ -0,0 +1,6 @@
+
+body
+  nums = 1 2 3 4
+  foo last(nums) == 4
+  foo last(foo bar baz) == baz
+  foo last(()) == null

data/vendor/test/cases/bifs.length.css

@@ -0,0 +1,10 @@
+body {
+  foo: 0;
+  foo: 1;
+  foo: 1;
+  foo: 2;
+  foo: 3;
+  foo: 4;
+  foo: 5;
+  foo: 6;
+}

data/vendor/test/cases/bifs.length.styl

@@ -0,0 +1,18 @@
+args(n = null)
+  length(n)
+
+vargs(args...)
+  length(args)
+
+arguments()
+  length(arguments)
+
+body
+  foo length()
+  foo length(args())
+  foo length(1)
+  foo length((1 2) (3 4))
+  foo length(1 2 3)
+  foo vargs(1, 2, 3, 4)
+  foo args(1 2 3 4 5)
+  foo arguments(1,2,3,4,5,6)

data/vendor/test/cases/bifs.light.css

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

data/vendor/test/cases/bifs.light.styl

@@ -0,0 +1,4 @@
+body
+  foo light(black) == false
+  foo light(white) == true
+  foo light(#00FF40) == true

data/vendor/test/cases/bifs.lighten.css

@@ -0,0 +1,14 @@
+body {
+  foo: #808080;
+  foo: #fff;
+}
+body {
+  foo: #808080;
+  foo: #c0c0c0;
+}
+body {
+  foo: #ababab;
+  foo: #dfdfdf;
+  foo: #ababab;
+  foo: #d5d5d5;
+}

data/vendor/test/cases/bifs.lighten.styl

@@ -0,0 +1,14 @@
+
+body
+  foo: lighten(#000, 50)
+  foo: lighten(lighten(#000, 50), 50)
+
+body
+  foo: lighten(#000, 50%)
+  foo: lighten(lighten(#000, 50%), 50%)
+
+body
+  foo: lighten(#2c2c2c, 50)
+  foo: lighten(lighten(#2c2c2c, 20), 50)
+  foo: lighten(lighten(#2c2c2c, 20%), 50%)
+  foo: lighten(#2c2c2c, 80%)

data/vendor/test/cases/bifs.lookup.css

@@ -0,0 +1,3 @@
+body {
+  color: #006269;
+}

data/vendor/test/cases/bifs.lookup.styl

@@ -0,0 +1,8 @@
+
+dark-blue = #006269
+
+dark(color-name)
+  lookup('dark-' + color-name)
+
+body
+  color dark('blue')

data/vendor/test/cases/bifs.match.css

@@ -0,0 +1,4 @@
+body {
+  margin: 5px;
+  padding: 5px;
+}

data/vendor/test/cases/bifs.match.styl

@@ -0,0 +1,9 @@
+pad(type = padding)
+  if match('^pad', type)
+    padding 5px
+  else
+    margin 5px
+
+body
+  pad(margin)
+  pad(padding)

data/vendor/test/cases/bifs.opposite-position.css

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

data/vendor/test/cases/bifs.opposite-position.styl

@@ -0,0 +1,9 @@
+
+body
+  foo opposite-position()
+  foo opposite-position(top) == bottom
+  foo opposite-position(left) == right
+  foo opposite-position(top left)[0] == bottom
+  foo opposite-position(top left)[1] == right
+  val = top left
+  foo opposite-position(val)

data/vendor/test/cases/bifs.push.css

@@ -0,0 +1,25 @@
+body {
+  foo: 1 2 3 4 5;
+  foo: 1;
+  foo: 5;
+}
+body {
+  foo: 5;
+  foo: 1;
+  foo: 5;
+}
+body {
+  foo: 3;
+  foo: 1 2 3;
+}
+body {
+  foo: 3;
+  foo: 6;
+  foo: foo bar baz foo bar baz;
+}
+body {
+  foo: one 1 two 2 three 3;
+}
+body {
+  foo: 1 2 3 4 5;
+}

data/vendor/test/cases/bifs.push.styl

@@ -0,0 +1,48 @@
+
+nums = 1
+
+append(nums, 2)
+append(nums, 3, 4, 5)
+
+body
+  foo: nums
+  foo: nums[0]
+  foo: nums[4]
+
+nums = 1
+
+push(nums, 2)
+
+body
+  foo: ret = push(nums, 3, 4, 5)
+  foo: nums[0]
+  foo: nums[4]
+
+
+nums = 3
+
+body
+  foo: unshift(nums, 2, 1)
+  foo: nums
+
+list = ()
+
+body
+  foo: push(list, foo, bar, baz)
+  foo: push(list, foo, bar, baz)
+  foo: list
+
+list = (one 1)
+push(list, two 2, three 3)
+
+body
+  foo: list
+
+func(list)
+  push(list, 3,4,5)
+
+nums = 1 2
+func(nums)
+
+body
+  foo: nums

data/vendor/test/cases/bifs.rgba.css

@@ -0,0 +1,5 @@
+body {
+  background: #ff0800;
+  background: rgba(255,255,0,0.20);
+  background: rgba(255,204,0,0.50);
+}

data/vendor/test/cases/bifs.rgba.styl

@@ -0,0 +1,4 @@
+body
+  background rgba(255,8,0,1)
+  background rgba(255,255,0,0.2)
+  background rgba(#fc0, 0.5)

data/vendor/test/cases/bifs.s.css

@@ -0,0 +1,11 @@
+body {
+  foo: bar();
+  foo: bar("baz");
+  foo: bar(baz);
+  foo: bar(15px);
+  foo: rgba(255, 100, 50, 0.5);
+  foo: bar(%Z);
+  foo: bar(15px, );
+  foo: bar(foo bar, 1 2 3);
+  foo: bar(#eee);
+}