stylus-source 0.23.0 → 0.24.0

data/vendor/test/cases/css.large.styl

@@ -1,172 +0,0 @@
-html {
-  background: #dadada;
-  background: -moz-linear-gradient(-90deg, #fff, #dadada) fixed;
-  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dadada)) fixed;
-}
-body {
-  padding: 120px 150px;
-  font: 14px / 1.4 "helvetica neue", helvetica, arial, sans-serif;
-  color: #484848;
-}
-h1,
-h2,
-h3 {
-  color: #222;
-}
-h1 a,
-h2 a,
-h3 a {
-  color: #222;
-}
-h1 a:hover,
-h2 a:hover,
-h3 a:hover {
-  text-decoration: none;
-}
-h1 {
-  margin: 10px 0 15px 0;
-  font-weight: bold;
-  font-size: 60px;
-}
-h2 {
-  margin: 0;
-  font-size: 18px;
-}
-h3 {
-  font-size: 14px;
-}
-a {
-  text-decoration: none;
-  color: #b90101;
-}
-a:hover {
-  text-decoration: underline;
-}
-strong {
-  color: #a00;
-}
-ul {
-  margin: 0;
-  padding: 0 25px;
-}
-ul li {
-  list-style: square;
-}
-.tagline {
-  margin: 0;
-  padding: 0;
-}
-.tagline em {
-  font-style: normal;
-}
-.tagline em.expressive {
-  color: #222;
-}
-.tagline em.dynamic {
-  color: #555;
-}
-.tagline em.robust {
-  color: #888;
-}
-.tagline em.css {
-  color: #bbb;
-}
-#container {
-  text-align: center;
-}
-#container #content {
-  margin: 0 auto;
-  padding-top: 40px;
-  width: 300px;
-  text-align: left;
-}
-#menu {
-  position: fixed;
-  top: -5px;
-  right: 60px;
-  margin: 0;
-  padding: 15px 0 10px 5px;
-  background: rgba(255,255,255,0.3);
-  border: 1px solid #ddd;
-  text-align: left;
-  -moz-box-shadow: inset rgba(34,34,34,0.1) 0 4px 4px;
-  -webkit-box-shadow: inset rgba(34,34,34,0.1) 0 4px 4px;
-  box-shadow: inset rgba(34,34,34,0.1) 0 4px 4px;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-}
-#menu li {
-  list-style: none;
-}
-#menu li a {
-  display: block;
-  width: 150px;
-  padding: 1px 10px;
-  color: #7b7b7b;
-  font-size: 13px;
-}
-#menu li a:hover {
-  color: #000;
-  text-decoration: none;
-}
-.example {
-  margin-top: 25px;
-}
-pre {
-  width: 300px;
-  padding: 30px;
-  color: #8d8d8d;
-  font: 12px / 1.4 monaco, "helvetica neue", helvetica;
-  overflow-x: auto;
-  background: #fff;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-  -moz-box-shadow: rgba(34,34,34,0.1) -1px -1px;
-  -webkit-box-shadow: rgba(34,34,34,0.1) -1px -1px;
-  box-shadow: rgba(34,34,34,0.1) -1px -1px;
-}
-pre.terminal {
-  width: 340px;
-  padding: 10px;
-  background: #2b2b2b;
-  color: #dadada;
-  -moz-box-shadow: #fff -1px -1px;
-  -webkit-box-shadow: #fff -1px -1px;
-  box-shadow: #fff -1px -1px;
-}
-p code {
-  padding: 2px 4px;
-  color: #626262;
-  font-size: 85%;
-  background: #fff;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-  -moz-box-shadow: rgba(34,34,34,0.1) -1px -1px;
-  -webkit-box-shadow: rgba(34,34,34,0.1) -1px -1px;
-  box-shadow: rgba(34,34,34,0.1) -1px -1px;
-}
-#ribbon {
-  position: absolute;
-  top: 2.5em;
-  left: -3.75em;
-  background-color: #a00;
-  padding: 1px 0;
-  overflow: hidden;
-  -webkit-transform: rotate(-45deg);
-  -moz-transform: rotate(-45deg);
-  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-}
-#ribbon a {
-  color: #fff;
-  border: 1px solid #f18585;
-  display: block;
-  margin: 0.05em 0;
-  padding: 0.5em 3.5em;
-  text-align: center;
-  text-decoration: none;
-}

data/vendor/test/cases/css.media.css

@@ -1,15 +0,0 @@
-@media print {
-  body {
-    margin: 5px;
-    padding: 5px;
-  }
-}
-@media print {
-  body {
-    margin: 5px;
-    padding: 5px;
-  }
-  .no-print {
-    display: none;
-  }
-}

data/vendor/test/cases/css.media.styl

@@ -1,17 +0,0 @@
-
-@media print {
-  body {
-    margin: 5px;
-    padding: 5px;
-  }
-}
-
-@media print {
-  body {
-    margin: 5px;
-    padding: 5px;
-  }
-  .no-print {
-    display: none;
-  }
-}

data/vendor/test/cases/css.mixins.braces.css

@@ -1,38 +0,0 @@
-/*
- * Reset button related properties so that
- * a, button, and input's are supported.
- */
-/*
- * Minimalistic flat button with white inset.
- */
-button,
-a.button {
-  display: block;
-  text-decoration: none;
-  background: #e3e3e3;
-  border: 1px solid #bdbdbd;
-  border-radius: 3px;
-  box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.80);
-  color: #333;
-  font-family: 'helvetica neue', helvetica, arial, sans-serif;
-  font-size: 12px;
-  font-weight: bold;
-  line-height: 1;
-  padding: 8px 0 9px;
-  text-align: center;
-  text-shadow: 0 1px 0 #fff;
-  width: 150px;
-}
-button:hover,
-a.button:hover {
-  background: #dbdbdb;
-  box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.50);
-  color: #222;
-  cursor: pointer;
-}
-button:active,
-a.button:active {
-  background: #d6d6d6;
-  box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.20);
-  color: #000;
-}

data/vendor/test/cases/css.mixins.braces.styl

@@ -1,53 +0,0 @@
-
-/*
- * Reset button related properties so that
- * a, button, and input's are supported.
- */
-
--reset() {
-  display: block;
-  text-decoration: none;
-}
-
-// just testing stuff
-
-get-width() { 150px; }
-
-/*
- * Minimalistic flat button with white inset.
- */
-
-minimal-button(bg = #e3e3e3, intensity = 1) {
-  -reset();
-  background: bg;
-  border: 1px solid darken(bg, 15 * intensity);
-  border-radius: 3px;
-  box-shadow: inset 0 0 1px 1px rgba(white, 0.8 * intensity);
-  color: #333;
-  font-family: 'helvetica neue', helvetica, arial, sans-serif;
-  font-size: 12px;
-  font-weight: bold;
-  line-height: 1;
-  padding: 8px 0 9px;
-  text-align: center;
-  text-shadow: 0 1px 0 rgba(white, 1 * intensity);
-  width: get-width();
-
-  &:hover {
-    background: darken(bg, 3);
-    box-shadow: inset 0 0 1px 1px rgba(white, 0.5 * intensity);
-    color: #222;
-    cursor: pointer;
-  }
-
-  &:active {
-    background: darken(bg, 5);
-    box-shadow: inset 0 0 1px 1px rgba(white, 0.2 * intensity);
-    color: #000;
-  }
-}
-
-button,
-a.button {
-  minimal-button();
-}

data/vendor/test/cases/css.mixins.css

@@ -1,38 +0,0 @@
-/*
- * Reset button related properties so that
- * a, button, and input's are supported.
- */
-/*
- * Minimalistic flat button with white inset.
- */
-button,
-a.button {
-  display: block;
-  text-decoration: none;
-  background: #e3e3e3;
-  border: 1px solid #bdbdbd;
-  border-radius: 3px;
-  box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.80);
-  color: #333;
-  font-family: 'helvetica neue', helvetica, arial, sans-serif;
-  font-size: 12px;
-  font-weight: bold;
-  line-height: 1;
-  padding: 8px 0 9px;
-  text-align: center;
-  text-shadow: 0 1px 0 #fff;
-  width: 150px;
-}
-button:hover,
-a.button:hover {
-  background: #dbdbdb;
-  box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.50);
-  color: #222;
-  cursor: pointer;
-}
-button:active,
-a.button:active {
-  background: #d6d6d6;
-  box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.20);
-  color: #000;
-}

data/vendor/test/cases/css.mixins.root.css

@@ -1,26 +0,0 @@
-button,
-a.button,
-input[type=submit],
-input[type=button] {
-  padding: 5px 10px;
-}
-button:hover,
-a.button:hover,
-input[type=submit]:hover,
-input[type=button]:hover {
-  color: #fff;
-  background: #000;
-}
-button:hover em,
-a.button:hover em,
-input[type=submit]:hover em,
-input[type=button]:hover em {
-  color: #808080;
-}
-button:active,
-a.button:active,
-input[type=submit]:active,
-input[type=button]:active {
-  color: #000;
-  background: #fff;
-}

data/vendor/test/cases/css.mixins.root.styl

@@ -1,25 +0,0 @@
-
-hover()
-  &:hover {
-    color: white;
-    background: black;
-    em {
-      color: gray;
-    }
-  }
-  &:active {
-    color: black;
-    background: white;
-  }
-
-
-button(pad)
-  button,
-  a.button,
-  input[type=submit],
-  input[type=button] {
-    padding: pad;
-    hover();
-  }
-
-button(5px 10px);

data/vendor/test/cases/css.mixins.root.wonky.css

@@ -1,26 +0,0 @@
-button,
-a.button,
-input[type=submit],
-input[type=button] {
-  padding: 5px 10px;
-}
-button:hover,
-a.button:hover,
-input[type=submit]:hover,
-input[type=button]:hover {
-  color: #fff;
-  background: #000;
-}
-button:hover em,
-a.button:hover em,
-input[type=submit]:hover em,
-input[type=button]:hover em {
-  color: #808080;
-}
-button:active,
-a.button:active,
-input[type=submit]:active,
-input[type=button]:active {
-  color: #000;
-  background: #fff;
-}

data/vendor/test/cases/css.mixins.root.wonky.styl

@@ -1,17 +0,0 @@
-
-hover()
-  &:hover { color: white; background: black;
-    em {
-      color: gray;
-    }
-  }
-  &:active { color: black; background: white; }
-
-
-button(pad)
-  button,
-  a.button,
-  input[type=submit],
-  input[type=button] { padding: pad; hover(); }
-
-button(5px 10px);

data/vendor/test/cases/css.mixins.styl

@@ -1,47 +0,0 @@
-
-/*
- * Reset button related properties so that
- * a, button, and input's are supported.
- */
-
--reset()
-  display: block;
-  text-decoration: none;
-
-/*
- * Minimalistic flat button with white inset.
- */
-
-minimal-button(bg = #e3e3e3, intensity = 1)
-  -reset()
-  background: bg;
-  border: 1px solid darken(bg, 15 * intensity);
-  border-radius: 3px;
-  box-shadow: inset 0 0 1px 1px rgba(white, 0.8 * intensity);
-  color: #333;
-  font-family: 'helvetica neue', helvetica, arial, sans-serif;
-  font-size: 12px;
-  font-weight: bold;
-  line-height: 1;
-  padding: 8px 0 9px;
-  text-align: center;
-  text-shadow: 0 1px 0 rgba(white, 1 * intensity);
-  width: 150px;
-
-  &:hover {
-    background: darken(bg, 3);
-    box-shadow: inset 0 0 1px 1px rgba(white, 0.5 * intensity);
-    color: #222;
-    cursor: pointer;
-  }
-
-  &:active {
-    background: darken(bg, 5);
-    box-shadow: inset 0 0 1px 1px rgba(white, 0.2 * intensity);
-    color: #000;
-  }
-
-button,
-a.button {
-  minimal-button();
-}

data/vendor/test/cases/css.selector.interpolation.css

@@ -1,91 +0,0 @@
-form input:last-child {
-  display: none;
-}
-form input:nth-child(15) {
-  display: none;
-}
-.grid-1 {
-  width: 100px;
-}
-.grid-2 {
-  width: 200px;
-}
-.grid-3 {
-  width: 300px;
-}
-.grid-4 {
-  width: 400px;
-}
-.grid-5 {
-  width: 500px;
-}
-body form input:last-child {
-  display: none;
-}
-ul li:nth-child(2) {
-  display: none;
-}
-foo bar {
-  foo: bar;
-}
-foo bar baz {
-  foo: bar;
-}
-foo {
-  two: 2;
-}
-foo bar {
-  one: 1;
-}
-foo bar baz {
-  foo: bar;
-}
-one * {
-  one: 1;
-  two: 2;
-  three: 3;
-}
-two * {
-  one: 1;
-  two: 2;
-  three: 3;
-}
-three * {
-  one: 1;
-  two: 2;
-  three: 3;
-}
-li a:active {
-  color: #000;
-  background: #fff;
-}
-li a:active {
-  color: #000;
-  background: #fff;
-}
-.col-1-0 :nth-child(1) {
-  foo: 'bar';
-}
-.col-1 {
-  foo: 'bar';
-}
-.col-2 {
-  foo: 'bar';
-}
-.col-3 {
-  foo: 'bar';
-}
-@media print {
-  blockquote {
-    border: 1px solid #999;
-  }
-  blockquote {
-    border: 1px solid #999;
-  }
-  blockquote {
-    border: 1px solid #999;
-  }
-  blockquote {
-    border: 1px solid #999;
-  }
-}

data/vendor/test/cases/css.selector.interpolation.styl

@@ -1,90 +0,0 @@
-form {'input'}:last-child {
-  display: none;
-}
-
-form {'input'}:nth-child({10 + 5}) {
-  display: none;
-}
-
-for n in 1 2 3 4 5 {
-  .grid-{n} {
-    width: unit(n * 100, 'px');
-  }
-}
-
-pos = last
-
-body {form} {
-  input:{  pos  }-child {
-    display: none
-  }
-}
-
-mixin(n) {
-  &:nth-child({ n }) {
-    display: none
-  }
-}
-
-ul li {
-  mixin(2);
-}
-
-{foo} {bar} {
-  foo: bar;
-}
-
-{foo} {
-  {bar} {
-    {baz} {
-      foo: bar;
-    }
-  }
-}
-
-{foo} {
-  {bar} {
-    {baz} {
-      {foo}: bar
-    }
-    {one} 1
-  }
-  {two} 2
-}
-
-selectors = one two three;
-props = (one 1) (two 2) (three 3);
-
-for selector in selectors {
-  {selector} * {
-    for prop in props {
-      {prop[0]}: prop[1];
-    }
-  }
-}
-
-
-li a:active { color: black; background: white; }
-
-state = 'active'
-li a:{state} { color: black; background: white; }
-
-.col-{1}-{0} :nth-child(1) { foo: 'bar'; }
-
-cols = 1 2 3
-
-for col in cols
-  .col-{col} { foo: 'bar'; }
-
-
-@media print {
-  blockquote { border: 1px solid #999 }
-  blockquote {
-   border: 1px solid #999
-  }
-  block{'quote'} { border: 1px solid #999 }
-  block{'quote'} {
-   border: 1px solid #999
-  }
-}
-

data/vendor/test/cases/css.selectors.css

@@ -1,38 +0,0 @@
-body {
-  margin: 0;
-  padding: 5px;
-}
-body ul {
-/* test */
-  margin: 0;
-}
-body ul li:first-child {
-  border-top: none;
-}
-body ul li:last-child {
-  border-bottom: none;
-}
-ul li:first-child,
-ul li:last-child {
-  display: none;
-}
-foo {
-  border-radius: 5px;
-}
-foo bar baz {
-  border-radius: 5px;
-}
-foo,
-bar,
-baz {
-  border-radius: 5px;
-}
-input[type=button] {
-  border-radius: 5px;
-}
-button,
-input[type=button],
-input[type=submit],
-a.button {
-  border-radius: 5px;
-}