diff --git a/tests/ExceptionTest.php b/tests/ExceptionTest.php deleted file mode 100644 index f5fa17a5..00000000 --- a/tests/ExceptionTest.php +++ /dev/null @@ -1,149 +0,0 @@ - - */ -class ExceptionTest extends \PHPUnit_Framework_TestCase -{ - public function setUp() - { - $this->scss = new Compiler(); - } - - /** - * @param string $scss - * @param string $expectedExceptionMessage - * - * @dataProvider provideScss - */ - public function testThrowError($scss, $expectedExceptionMessage) - { - try { - $this->compile($scss); - } catch (\Exception $e) { - if (strpos($e->getMessage(), $expectedExceptionMessage) === false) { - $this->fail('Unexpected exception raised: ' . $e->getMessage() . ' vs ' . $expectedExceptionMessage); - } - - return; - } - - $this->fail('Expected exception to be raised: ' . $expectedExceptionMessage); - } - - /** - * @return array - */ - public function provideScss() - { - return array( - array(<<<'END_OF_SCSS' -.test { - foo : bar; -END_OF_SCSS - , - 'unclosed block' - ), - array(<<<'END_OF_SCSS' -.test { -}} -END_OF_SCSS - , - 'unexpected }' - ), - array(<<<'END_OF_SCSS' -.test { color: #fff / 0; } -END_OF_SCSS - , - 'color: Can\'t divide by zero' - ), - array(<<<'END_OF_SCSS' -.test { - @include foo(); -} -END_OF_SCSS - , - 'Undefined mixin foo' - ), - array(<<<'END_OF_SCSS' -@mixin do-nothing() { -} - -.test { - @include do-nothing($a: "hello"); -} -END_OF_SCSS - , - 'Mixin or function doesn\'t have an argument named $a.' - ), - array(<<<'END_OF_SCSS' -div { - color: darken(cobaltgreen, 10%); -} -END_OF_SCSS - , - 'expecting color' - ), - array(<<<'END_OF_SCSS' -BODY { - DIV { - $bg: red; - } - - background: $bg; -} -END_OF_SCSS - , - 'Undefined variable $bg' - ), - array(<<<'END_OF_SCSS' -@mixin example { - background: $bg; -} - -P { - $bg: red; - - @include example; -} -END_OF_SCSS - , - 'Undefined variable $bg' - ), - array(<<<'END_OF_SCSS' -div { bottom: (4/2px); } -END_OF_SCSS - , - 'isn\'t a valid CSS value' - ), - array(<<<'END_OF_SCSS' -a.important { - @extend .notice; -} -END_OF_SCSS - , - 'was not found' - ), - ); - } - - private function compile($str) - { - return trim($this->scss->compile($str)); - } -} diff --git a/tests/FailingTest.php b/tests/FailingTest.php deleted file mode 100644 index 86865049..00000000 --- a/tests/FailingTest.php +++ /dev/null @@ -1,131 +0,0 @@ - - */ -class FailingTest extends \PHPUnit_Framework_TestCase -{ - public function setUp() - { - $this->scss = new Compiler(); - } - - /** - * @param string $id - * @param string $scss - * @param string $expected - * - * @dataProvider provideFailing - */ - public function testFailing($id, $scss, $expected) - { - static $init = false; - - if (! getenv('TEST_SCSS_COMPAT')) { - if (! $init) { - $init = true; - - $this->markTestSkipped('Define TEST_SCSS_COMPAT=1 to enable ruby scss compatibility tests'); - } - - return; - } - - $output = $this->compile($scss); - - $this->assertEquals(rtrim($expected), rtrim($output), $id); - } - - /** - * @return array - */ - public function provideFailing() - { - // @codingStandardsIgnoreStart - return array( - array( - '#67 - weird @extend behavior', <<<'END_OF_SCSS' -.nav-bar { - background: #eee; - > .item { - margin: 0 10px; - } -} - - -header ul { - @extend .nav-bar; - > li { - @extend .item; - } -} -END_OF_SCSS - , << .item, header ul > .item, header ul > li { - margin: 0 10px; } -END_OF_EXPECTED - ), - array( - '#368 - self in selector', <<<'END_OF_SCSS' -.test { - &:last-child:not(+ &:first-child) { - padding-left: 10px; - } -} -END_OF_SCSS - , <<scss->compile($str)); - } -} diff --git a/tests/InputTest.php b/tests/InputTest.php deleted file mode 100644 index 709a9596..00000000 --- a/tests/InputTest.php +++ /dev/null @@ -1,176 +0,0 @@ - - */ -class InputTest extends \PHPUnit_Framework_TestCase -{ - protected static $inputDir = 'inputs'; - protected static $outputDir = 'outputs'; - protected static $outputNumberedDir = 'outputs_numbered'; - - private $saveDir; - - /** - * {@inheritDoc} - */ - protected function setUp() - { - $this->scss = new Compiler(); - $this->scss->addImportPath(self::$inputDir); - - $this->saveDir = getcwd(); - - chdir(__DIR__); - } - - /** - * {@inheritDoc} - */ - protected function tearDown() - { - chdir($this->saveDir); - } - - /** - * @dataProvider fileNameProvider - */ - public function testInputFile($inFname, $outFname) - { - if (getenv('BUILD')) { - return $this->buildInput($inFname, $outFname); - } - - if (! is_readable($outFname)) { - $this->fail("$outFname is missing, consider building tests with BUILD=1"); - } - - $input = file_get_contents($inFname); - $output = file_get_contents($outFname); - - $this->assertEquals($output, $this->scss->compile($input, substr($inFname, strlen(__DIR__) + 1))); - } - - /** - * Run all tests with line numbering - * - * @dataProvider numberedFileNameProvider - */ - public function testLineNumbering($inFname, $outFname) - { - $this->scss->setLineNumberStyle(Compiler::LINE_COMMENTS); - - if (getenv('BUILD')) { - return $this->buildInput($inFname, $outFname); - } - - if (! is_readable($outFname)) { - $this->fail("$outFname is missing, consider building tests with BUILD=true"); - } - - $input = file_get_contents($inFname); - $output = file_get_contents($outFname); - - $this->assertEquals($output, $this->scss->compile($input, substr($inFname, strlen(__DIR__) + 1))); - } - - public function fileNameProvider() - { - return array_map( - function ($a) { - return array($a, InputTest::outputNameFor($a)); - }, - self::findInputNames() - ); - } - - public function numberedFileNameProvider() - { - return array_map( - function ($a) { - return array($a, InputTest::outputNumberedNameFor($a)); - }, - self::findInputNames() - ); - } - - // only run when env is set - public function buildInput($inFname, $outFname) - { - $css = $this->scss->compile(file_get_contents($inFname), substr($inFname, strlen(__DIR__) + 1)); - - file_put_contents($outFname, $css); - } - - public static function findInputNames($pattern = '*') - { - $files = glob(__DIR__ . '/' . self::$inputDir . '/' . $pattern); - $files = array_filter($files, 'is_file'); - - if ($pattern = getenv('MATCH')) { - $files = array_filter($files, function ($fname) use ($pattern) { - return preg_match("/$pattern/", $fname); - }); - } - - return $files; - } - - public static function outputNameFor($input) - { - $front = _quote(__DIR__ . '/'); - $out = preg_replace("/^$front/", '', $input); - - $in = _quote(self::$inputDir . '/'); - $out = preg_replace("/$in/", self::$outputDir . '/', $out); - $out = preg_replace('/.scss$/', '.css', $out); - - return __DIR__ . '/' . $out; - } - - public static function outputNumberedNameFor($input) - { - $front = _quote(__DIR__ . '/'); - $out = preg_replace("/^$front/", '', $input); - - $in = _quote(self::$inputDir . '/'); - $out = preg_replace("/$in/", self::$outputNumberedDir . '/', $out); - $out = preg_replace('/.scss$/', '.css', $out); - - return __DIR__ . '/' . $out; - } - - public static function buildTests($pattern) - { - $files = self::findInputNames($pattern); - - foreach ($files as $file) { - } - } -} diff --git a/tests/ScssTest.php b/tests/ScssTest.php deleted file mode 100644 index 96f0d76e..00000000 --- a/tests/ScssTest.php +++ /dev/null @@ -1,238 +0,0 @@ - - */ -class ScssTest extends \PHPUnit_Framework_TestCase -{ - /** - * @param string $name - * @param string $scss - * @param string $css - * @param mixed $style - * - * @dataProvider provideTests - */ - public function testTests($name, $scss, $css, $style) - { - static $init = false; - - if (! getenv('TEST_SCSS_COMPAT')) { - if (! $init) { - $init = true; - - $this->markTestSkipped('Define TEST_SCSS_COMPAT=1 to enable ruby scss compatibility tests'); - } - - return; - } - - $compiler = new Compiler(); - $compiler->setFormatter('Leafo\ScssPhp\Formatter\\' . ($style ? ucfirst($style) : 'Nested')); - - $actual = $compiler->compile($scss); - - $this->assertEquals(rtrim($css), rtrim($actual), $name); - - // TODO: need to fix this in the formatters - //$this->assertEquals(trim($css), trim($actual), $name); - } - - /** - * @return array - */ - public function provideTests() - { - $state = 0; - $lines = file(__DIR__ . '/scss_test.rb'); - $tests = array(); - $skipped = array(); - $scss = array(); - $css = array(); - $style = false; - - for ($i = 0, $s = count($lines); $i < $s; $i++) { - $line = trim($lines[$i]); - - switch ($state) { - case 0: - // outside of function - if (preg_match('/^\s*def test_([a-z_]+)/', $line, $matches)) { - $state = 1; // enter function - $name = $matches[1]; - continue; - } - - break; - - case 1: - // inside function - if ($line === '' || $line[0] === '#') { - continue; - } - - if (preg_match('/= <<([A-Z_]+)\s*$/', $line, $matches) - || preg_match('/= render <<([A-Z_]+)\s*$/', $line, $matches) - ) { - $terminator = $matches[1]; - - for ($i++; trim($lines[$i]) !== $terminator; $i++) { - ; - } - - continue; - } - - if (preg_match('/^\s*assert_equal\(< :(compressed|nested)\)\)\s*$/', $line, $matches) - || preg_match('/^\s*assert_equal < :(compressed|nested)\)\s*$/', $line, $matches) - // @codingStandardsIgnoreEnd - ) { - $state = 2; // get css - $style = isset($matches[1]) ? $matches[1] : null; - continue; - } - - if (preg_match('/^\s*assert_warning .* do$/', $line)) { - $state = 4; // skip block - continue; - } - - if (preg_match('/^\s*assert_raise_message.*render\(< e' - ) { - continue; - } - - if (preg_match('/^\s*end\s*$/', $line)) { - $state = 0; // exit function - - $tests[] = array($name, implode($scss), implode($css), $style); - $scss = array(); - $css = array(); - $style = null; - continue; - } - - $skipped[] = $line; - - break; - - case 2: - // get css - if (preg_match('/^CSS\s*$/', $line)) { - $state = 3; // get scss - continue; - } - - $css[] = $lines[$i]; - - break; - - case 3: - // get scss - if (preg_match('/^SCSS\s*$/', $line)) { - $state = 1; // end of parameter list - continue; - } - - $scss[] = $lines[$i]; - - break; - - case 4: - // inside block - if (preg_match('/^\s*end\s*$/', $line)) { - $state = 1; // end block - continue; - } - - if (preg_match('/^\s*assert_equal < /dev/null) - if [ $? = "0" ]; then - # echo $file - # echo "$sass" - # echo - - if [ "$(cat $out_file)" != "$sass" ]; then - echo "* [FAIL] $file" - if [ -n "$diff_tool" ]; then - $diff_tool $out_file <(echo "$sass") 2> /dev/null - fi - else - echo " [PASS] $file" - fi - else - echo " $file" - fi -done - diff --git a/tests/inputs/at_root.scss b/tests/inputs/at_root.scss deleted file mode 100644 index 1f00c727..00000000 --- a/tests/inputs/at_root.scss +++ /dev/null @@ -1,149 +0,0 @@ -.parent-inline-selector { - color: white; - @at-root .child { color: black; } -} - -.parent-block { - color: white; - @at-root { - .child1 { color: green; } - .child2 { color: blue; } - } - .step-child { color: black; } -} - -.first { - color: red; -} -body{ - .second { - color: white; - - @at-root { - .nested1 { - color: blue; - @at-root { - .nested2 { - color: yellow; - } - } - color: orange; - } - } - color: black; - } -} -.third { - color: green; -} - -@media print { - .page { - width: 8in; - @at-root (without: media) { - color: red; - } - } -} - -.my-widget { - @media (min-width: 300px) { - .inside-mq { - inside-style: mq; - } - @at-root (without: media){ - //this without:media tells the screen what to bust out of - .outside-mq { - outside-style: mq; - } - } - // using (without:all) forces all nested selectors outside of all media - // queries, hence color:blue only in the .outside-everything class in generated css - @at-root (without:all){ - .outside-class { - color: blue; - } - } - - // using the (with:media) keeps .with-only inside media query hence .with-only selector - // inside @media ()min-width:300px - @at-root (with: media) { - .with-only { - // do this ONLY inside mq - color: pink; - } - } - } -} - -// without: rule - default - outside of all css rules, but inside directives -@media screen and (max-width:320px) { - .foo { - margin: 0; - - @at-root (without: rule) { - .bar { - padding: 0; - } - } - @at-root (without: media rule) { - .baar { - padding: 0; - } - } - @at-root (without: media) { - .barr { - padding: 0; - } - } - } -} - -// with: rule - outside of all directives but preserve any css rules -@media screen and (max-width:640px) { - .foo { - @supports ( display: flex ) { - @at-root (with: rule) { - .bar { - width: 0; - } - } - @at-root (with: supports) { - .baz { - height: 0; - } - } - @at-root (with: media) { - .qux { - margin: 0; - } - } - @at-root (with: media rule) { - .quux { - padding: 0; - } - } - @at-root (with: rule) { - .quix { - padding: 0; - } - } - } - } -} - -$table-padding: 10px !default; - -@mixin table($padding: $table-padding) { - @at-root { - tbody { - padding: $padding; - } - } -} -.test{ - .test2{ - padding: 0px; - @include table; - } -} diff --git a/tests/inputs/builtins.scss b/tests/inputs/builtins.scss deleted file mode 100644 index a80db5b1..00000000 --- a/tests/inputs/builtins.scss +++ /dev/null @@ -1,218 +0,0 @@ - -#color { - color: rgb(34,234,24); - - red: red(rgb(34,234,24)); - green: green(rgb(34,234,24)); - blue: blue(rgb(34,234,24)); - - color: rgba(1,2,4, 0.5); - a1: alpha(rgb(1,2,4)); - a2: alpha(rgba(1,2,4, 0.5)); - - mix: mix(rgb(1,2,3), rgb(3,4,5)); - - rgba: rgba($color: #a7c, $alpha: 0.4); - rgba: rgba(#a7c, 0.4); - - green: green(ForestGreen); -} - -#hsl { - color: hsl(100, 50, 55); - color: hsla(100, 50, 55, 0.5); - - hue: hue(hsl(100, 50, 55)); - sat: saturation(hsl(100, 50, 55)); - lig: lightness(hsl(100, 50, 55)); -} - -#more-color { - $color: hsl(-80,44,33); - - light: lighten($color, 10%); - dark: darken($color, 10%); - - sat: saturate($color, 10%); - desat: desaturate($color, 10%); - - gray: grayscale($color); - comp: complement($color); - inv: invert($color); -} - -#more-more-color { - $color: rgba(1,2,3,0.5); - op: opacity($color); - - opacify: opacify($color, 0.1); - opacify: fade-in($color, 0.1); - - transparentize: transparentize($color, 0.1); - transparentize: fade-out($color, 0.1); - transparentize: transparentize(#348203, 0.1); -} - -#more-more-more-color { - $color: rgba(10,10,10,0); - color: adjust-color($color, $blue: 69, $red: 55, $green: 100, $alpha: 0.4); - color: adjust-color($color, $hue: 170, $saturation: 100, $lightness: 50); - - color: change-color($color, $blue: 69, $red: 55, $green: 100, $alpha: 0.4); - color: change-color($color, $hue: 170, $saturation: 100, $lightness: 50); - - color: scale-color($color, $red: 55%); - color: scale-color($color, $red: -55%); - - color: scale-color($color, $lightness: 55%); - color: scale-color($color, $lightness: -55%); - - color: ie-hex-str($color); - color: ie-hex-str(#abc); -} - -#string { - color: unquote("hello what is going on"); - // color: quote(yeah you know it); // ** - color: quote(yeah); - color: quote("I do?"); - color: str_index(abc, b); - color: str_insert(string, insert, 2); - color: str_length(string); - color: str_slice(string, 2, 4); - color: str-slice(string, 2, 0); - color: str-slice(string, 2, -2); - color: to_lower_case('StRiNg'); - color: to_upper_case(StRiNg); - color: str-slice(string, 0); - color: str-slice(string, 1); - color: str-slice(string, 2); - color: str-slice(string, 3); - color: str-slice(string, 4); - color: str-slice(string, 5); - color: str-slice(string, -1); - color: str-slice(string, -2); - color: str-slice(string, -3); - color: str-slice(string, -4); - color: str-slice(string, -5); - color: str-slice(string, 1, 0); - color: str-slice(string, 1, 1); - color: str-slice(string, 1, 2); - color: str-slice(string, 1, -1); - color: str-slice(string, 1, -2); -} - -#number { - color: percentage(100/40); - $test: 50%; $test: 0 + ($test / 100%); color: percentage($test); - color: round(3.4); - color: floor(3.4); - color: ceil(3.4); - - top: floor(10.4px); - top: ceil(.4ex); - width: percentage(100px / 50px); - bottom: abs(-10px); - padding: min(5em, 3em, 4em) max(2px, 1in) min(1in, 96px) max(1in, 72pt); -} - -#list { - len: length(hello world what); - len: length(thing); - - n: nth(hello world what, 1); - // n: nth(hello world what, 100); // ** - - hello: join(one two three, hello, comma); - hello: join(one two three, hello world what is going, comma); - hello: append(one two three, hello, comma); - - index: index(1px solid red, solid); - index: index(1px solid red, dashed); - index: index(1px solid red, #f00); - index: index(96px solid red, 1in); - index: index((1in 2) a b, 1in); - index: index((1in 2) a b, (96px 2)); - index: index((1in 2) a b, (1in, 2)); - index: index((1px solid red), solid); - index: index(1px 3px + 3px, 4+2px); - $var: oo; - index: index(foo bar, f#{$var}); - display: index(nest, nest); - - $yes: one, two, three; - $no: great job; - world: join($yes, $no); - world: append($yes, $no); - - cool: join($yes, $no, space); - cool: join($no, $yes); - - zip: zip((1px, 2px), (solid dashed)); - zip: zip(1px 2px 3px, solid dashed, red green blue); -} - -#introspection { - t: type-of(100px); - t: type-of(asdf); - t: type-of("asdf"); - t: type-of(true); - t: type-of(#fff); - t: type-of(blue); - t: type-of(one two three); - - u: unit(12); - u: unit(12px); - u: unit(12em); - - l: unitless(23); - l: unitless(23deg); - - c: comparable(2px, 1px); - c: comparable(100px, 3em); - c: comparable(10cm, 3mm); - c: comparable(1, 4); - c: comparable(1ex, 4em); - c: comparable(2em, 5em); -} - -#if { - color: if(true, yes, no); - color: if(false, yes, no); - color: if(false or true, yes, no); - color: if(10px, yes, no); -} - -.transparent { - r: red(transparent); - g: green(transparent); - b: blue(transparent); - a: alpha(transparent); -} - -.alpha { - a: alpha(black); - a: alpha(#fff); - a: alpha(rgb(0, 0, 0)); - a: alpha(rgba(0, 0, 0, 0.5)); - a: alpha(currentColor); -} - -$a-false-value: false; -#exists { - a: variable-exists(a-false-value); - b: variable-exists('a-false-value'); - c: variable-exists(nonexistent); -} - -$fn: nth; -div.call-tests { - a: call(rgb, 10, 100, 255); - b: call(scale-color, #0a64ff, $lightness: -10%); - c: call($fn, (a b c), 2); -} - -$type: text; -div.unquote-test { - a: unquote('[type=\'#{$type}\']'); -} diff --git a/tests/inputs/comments.scss b/tests/inputs/comments.scss deleted file mode 100644 index 3e641cc1..00000000 --- a/tests/inputs/comments.scss +++ /dev/null @@ -1,48 +0,0 @@ - -// what is going on? - -/** what the heck **/ - -/** - -Here is a block comment - -**/ - - -// this is a comment - -// trailing backslash \ -/*hello*/div /*yeah*/ { //surew - border: 1px solid red; // world - /* another property */ - color: url('http://mage-page.com'); - string: "hello /* this is not a comment */"; - world: "// neither is this"; - string: 'hello /* this is not a comment */' /*what if this is a comment */; - world: '// neither is this' // hell world; - ; - what-ever: 100px; - background: url(/*this is not a comment?*/); // uhh what happens here -} - -// begin - -.dummy { - color: blue; -} - -/* comment 1 */ -a { - /* comment 2 */ - /* comment 3 */ color: red; /* comment 4 */ - background-color: red; /* comment 5 */ - /* comment 6 */ -} -/* comment 7 */ - -/* коммент */ - -// коммент - -// end diff --git a/tests/inputs/compass_extract.scss b/tests/inputs/compass_extract.scss deleted file mode 100644 index fba45728..00000000 --- a/tests/inputs/compass_extract.scss +++ /dev/null @@ -1,248 +0,0 @@ -// Extracted from compass/typography/vertical_rhythm.scss - - -// The base font size. -$base-font-size: 16px !default; - -// The base line height determines the basic unit of vertical rhythm. -$base-line-height: 24px !default; - -// Set the default border style for rhythm borders. -$default-rhythm-border-style: solid !default; - -// The default font size in all browsers. -$browser-default-font-size: 16px; - -// Set to false if you want to use absolute pixels in sizing your typography. -$relative-font-sizing: true !default; - -// Allows the `adjust-font-size-to` mixin and the `lines-for-font-size` function -// to round the line height to the nearest half line height instead of the -// nearest integral line height to avoid large spacing between lines. -$round-to-nearest-half-line: false !default; - -// Ensure there is at least this many pixels -// of vertical padding above and below the text. -$min-line-padding: 2px !default; - -// $base-font-size but in your output unit of choice. -// Defaults to 1em when `$relative-font-sizing` is true. -$font-unit: if($relative-font-sizing, 1em, $base-font-size) !default; - -// The basic unit of font rhythm. -$base-rhythm-unit: $base-line-height / $base-font-size * $font-unit; - -// The leader is the amount of whitespace in a line. -// It might be useful in your calculations. -$base-leader: ($base-line-height - $base-font-size) * $font-unit / $base-font-size; - -// The half-leader is the amount of whitespace above and below a line. -// It might be useful in your calculations. -$base-half-leader: $base-leader / 2; - -// True if a number has a relative unit. -@function relative-unit($number) { - @return unit($number) == "%" or unit($number) == "em" or unit($number) == "rem" -} - -// True if a number has an absolute unit. -@function absolute-unit($number) { - @return not (relative-unit($number) or unitless($number)); -} - -@if $relative-font-sizing and not relative-unit($font-unit) { - @warn "$relative-font-sizing is true but $font-unit is set to #{$font-unit} which is not a relative unit."; -} - -// Establishes a font baseline for the given font-size. -@mixin establish-baseline($font-size: $base-font-size) { - // IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts - // whose root is set in ems. So we set the root font size in percentages of - // the default font size. - * html { - font-size: 100% * ($font-size / $browser-default-font-size); - } - html { - font-size: $font-size; - @include adjust-leading-to(1, if($relative-font-sizing, $font-size, $base-font-size)); - } -} - -// Resets the line-height to 1 vertical rhythm unit. -// Does not work on elements whose font-size is different from $base-font-size. -// -// @deprecated This mixin will be removed in the next release. -// Please use the `adjust-leading-to` mixin instead. -@mixin reset-baseline { - @include adjust-leading-to(1, if($relative-font-sizing, $base-font-size, $base-font-size)); -} - -// Show a background image that can be used to debug your alignments. -// Include the $img argument if you would rather use your own image than the -// Compass default gradient image. -@mixin debug-vertical-alignment($img: false) { - @if $img { - background: image-url($img); - } @else { - @include baseline-grid-background($base-rhythm-unit); - } -} - -// Adjust a block to have a different font size and line height to maintain the -// rhythm. $lines specifies how many multiples of the baseline rhythm each line -// of this font should use up. It does not have to be an integer, but it -// defaults to the smallest integer that is large enough to fit the font. -// Use $from-size to adjust from a font-size other than the base font-size. -@mixin adjust-font-size-to($to-size, $lines: lines-for-font-size($to-size), $from-size: $base-font-size) { - @if not $relative-font-sizing and $from-size != $base-font-size { - @warn "$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to"; - } - font-size: $font-unit * $to-size / $from-size; - @include adjust-leading-to($lines, if($relative-font-sizing, $to-size, $base-font-size)); -} - -// Adjust a block to have different line height to maintain the rhythm. -// $lines specifies how many multiples of the baseline rhythm each line of this -// font should use up. It does not have to be an integer, but it defaults to the -// smallest integer that is large enough to fit the font. -@mixin adjust-leading-to($lines, $font-size: $base-font-size) { - line-height: rhythm($lines, $font-size); -} - -// Calculate rhythm units. -@function rhythm( - $lines: 1, - $font-size: $base-font-size, - $offset: 0 -) { - @if not $relative-font-sizing and $font-size != $base-font-size { - @warn "$relative-font-sizing is false but a relative font size was passed to the rhythm function"; - } - $rhythm: $font-unit * ($lines * $base-line-height - $offset) / $font-size; - // Round the pixels down to nearest integer. - @if unit($rhythm) == px { - $rhythm: floor($rhythm); - } - @return $rhythm; -} - -// Calculate the minimum multiple of rhythm units needed to contain the font-size. -@function lines-for-font-size($font-size) { - $lines: if($round-to-nearest-half-line, - ceil(2 * $font-size / $base-line-height) / 2, - ceil($font-size / $base-line-height)); - @if $lines * $base-line-height - $font-size < $min-line-padding * 2 { - $lines: $lines + if($round-to-nearest-half-line, 0.5, 1); - } - @return $lines; -} - -// Apply leading whitespace. The $property can be margin or padding. -@mixin leader($lines: 1, $font-size: $base-font-size, $property: margin) { - #{$property}-top: rhythm($lines, $font-size); -} - -// Apply leading whitespace as padding. -@mixin padding-leader($lines: 1, $font-size: $base-font-size) { - padding-top: rhythm($lines, $font-size); -} - -// Apply leading whitespace as margin. -@mixin margin-leader($lines: 1, $font-size: $base-font-size) { - margin-top: rhythm($lines, $font-size); -} - -// Apply trailing whitespace. The $property can be margin or padding. -@mixin trailer($lines: 1, $font-size: $base-font-size, $property: margin) { - #{$property}-bottom: rhythm($lines, $font-size); -} - -// Apply trailing whitespace as padding. -@mixin padding-trailer($lines: 1, $font-size: $base-font-size) { - padding-bottom: rhythm($lines, $font-size); -} - -// Apply trailing whitespace as margin. -@mixin margin-trailer($lines: 1, $font-size: $base-font-size) { - margin-bottom: rhythm($lines, $font-size); -} - -// Shorthand mixin to apply whitespace for top and bottom margins and padding. -@mixin rhythm($leader: 0, $padding-leader: 0, $padding-trailer: 0, $trailer: 0, $font-size: $base-font-size) { - @include leader($leader, $font-size); - @include padding-leader($padding-leader, $font-size); - @include padding-trailer($padding-trailer, $font-size); - @include trailer($trailer, $font-size); -} - -// Apply a border and whitespace to any side without destroying the vertical -// rhythm. The whitespace must be greater than the width of the border. -@mixin apply-side-rhythm-border($side, $width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) { - @if not $relative-font-sizing and $font-size != $base-font-size { - @warn "$relative-font-sizing is false but a relative font size was passed to apply-side-rhythm-border"; - } - border-#{$side}: { - style: $border-style; - width: $font-unit * $width / $font-size; - }; - padding-#{$side}: rhythm($lines, $font-size, $offset: $width); -} - -// Apply borders and whitespace equally to all sides. -@mixin rhythm-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) { - @if not $relative-font-sizing and $font-size != $base-font-size { - @warn "$relative-font-sizing is false but a relative font size was passed to rhythm-borders"; - } - border: { - style: $border-style; - width: $font-unit * $width / $font-size; - }; - padding: rhythm($lines, $font-size, $offset: $width); -} - -// Apply a leading border. -@mixin leading-border($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) { - @include apply-side-rhythm-border(top, $width, $lines, $font-size, $border-style); -} - -// Apply a trailing border. -@mixin trailing-border($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) { - @include apply-side-rhythm-border(bottom, $width, $lines, $font-size, $border-style); -} - -// Apply both leading and trailing borders. -@mixin horizontal-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) { - @include leading-border($width, $lines, $font-size, $border-style); - @include trailing-border($width, $lines, $font-size, $border-style); -} - -// Alias for `horizontal-borders` mixin. -@mixin h-borders($width: 1px, $lines: 1, $font-size: $base-font-size, $border-style: $default-rhythm-border-style) { - @include horizontal-borders($width, $lines, $font-size, $border-style); -} - -#test-0 { - unit: relative-unit(10px); - unit: relative-unit(50%); - rhythm: rhythm(); - size: lines-for-font-size(15px); - size: lines-for-font-size(16px); - size: lines-for-font-size(17px); - size: lines-for-font-size(27px); - size: lines-for-font-size(37px); -} - - -#test-1 { - @include rhythm(5, 6, 7); -} - -#test-2 { - @include rhythm-borders; -} - -#test-3 { - @include horizontal-borders; -} - - diff --git a/tests/inputs/content.scss b/tests/inputs/content.scss deleted file mode 100644 index 0a16ae2f..00000000 --- a/tests/inputs/content.scss +++ /dev/null @@ -1,127 +0,0 @@ - -@mixin apply-to-ie6-only { - * html { - @content; - } -} -@include apply-to-ie6-only { - #logo { - background-image: url(/logo.gif); - } -} - - -$color: white; -@mixin colors($color: blue) { - background-color: $color; - @content; - border-color: $color; -} -.colors { - @include colors { color: $color; } -} - - -@mixin iphone { - @media only screen and (max-width: 480px) { - @content; - } -} - -@include iphone { - body { color: red } -} - - -#sidebar { - $sidebar-width: 300px; - width: $sidebar-width; - @include iphone { - width: $sidebar-width / 3; - } -} - - -@mixin respond-to($width) { - @media only screen and (min-width: $width) { @content; } -} - -@include respond-to(40em) { - @for $i from 1 through 2 { - .grid-#{$i} { width: 100%; } - } -} - -@include respond-to(40em) { - $i: 1; - @while $i <= 2 { - .grid-#{$i} { width: 100%; } - $i: $i + 1; - } -} - -@mixin nested($args) { - * body { - @content; - } -} - -@mixin top($args) { - * html { - @include nested($args) { - @content; - } - } -} - -@include top('hello' 'world') { - #logo { - background-image: url(/logo.gif); - } -} - -@mixin foo { - @content; -} - -@mixin bar { - @content; -} - -A { - @include foo { - $top: 10px; - - @include bar { - top: $top; - } - } -} - -@mixin two() { - @content; -} -@mixin three() { - @content; -} -@mixin one() { - @include two() { - @include three() { - @content; - } - } -} -.test { - @include one() { - display: none; - } -} - -@mixin empty_content() { - @content; -} -.test_empty_content { - display: inline; - font-weight: bold; - @include empty_content() -} diff --git a/tests/inputs/content_with_function.scss b/tests/inputs/content_with_function.scss deleted file mode 100644 index f1462d65..00000000 --- a/tests/inputs/content_with_function.scss +++ /dev/null @@ -1,17 +0,0 @@ -$test-var: true; - -@mixin mixin-using-content() { - @content; -} - -@function test-function($value) { - @return $value; -} - -@include mixin-using-content { - @if $test-var { - body { - padding: test-function(1 px); - } - } -} diff --git a/tests/inputs/default_args.scss b/tests/inputs/default_args.scss deleted file mode 100644 index dbc88800..00000000 --- a/tests/inputs/default_args.scss +++ /dev/null @@ -1,15 +0,0 @@ - - -@mixin cool($color: blue) { - margin: 100px; -} - -@function what($height: red) { - @return $height; -} - -div { - height: what(); - @include cool; -} - diff --git a/tests/inputs/directives.scss b/tests/inputs/directives.scss deleted file mode 100644 index c69c6c8f..00000000 --- a/tests/inputs/directives.scss +++ /dev/null @@ -1,155 +0,0 @@ - -@page :left { - div { - color: red; - } -} - -@charset "hello-world"; - -@page test { - @media yes { - div { - color: red; - } - - @media no { - pre { - color: blue; - } - } - } -} - -@charset "aloha-world"; - -@media something { - @page { - @media else { - div { - height: 200px; - } - } - } -} - - -div { - color: red; - @page yeah { - pre { - height: 20px; - } - } -} - -@font-face { - color: red; - height: 20px; -} - - -@keyframes 'bounce' { - from { - top: 100px; - animation-timing-function: ease-out; - } - - 25% { - top: 50px; - animation-timing-function: ease-in; - } - - 50% { - top: 100px; - animation-timing-function: ease-out; - } - - 75% { - top: 75px; - animation-timing-function: ease-in; - } - - to { - top: 100px; - } -} - -@-webkit-keyframes flowouttoleft { - 0% { -webkit-transform: translateX(0) scale(1); } - 60%, 70% { -webkit-transform: translateX(0) scale(.7); } - 100% { -webkit-transform: translateX(-100%) scale(.7); } -} - -div { - animation-name: 'diagonal-slide'; - animation-duration: 5s; - animation-iteration-count: 10; -} - -@keyframes 'diagonal-slide' { - - from { - left: 0; - top: 0; - } - - to { - left: 100px; - top: 100px; - } - -} - -@document url(http://www.w3.org/), - url-prefix(http://www.w3.org/Style/), - domain(mozilla.org), - regexp("https:.*") -{ - body { color: purple; background: yellow; } -} - -@keyframes anim-rotate { - 0% { - transform: rotate(0); - } - 100% { - transform: rotate(360deg); - } -} - -.bold { - font-weight: 700; -} - -.icon-ajax { - @extend .bold; -} - -.custom-selector { - -& { - color:blue; -} - -@-webkit-keyframes zoomer { - from { - transform:scale(0.5); - } - - to { - transform:scale(1); - } -} - -@keyframes zoomer { - from { - transform:scale(0.5); - } - - to { - transform:scale(1); - } -} - -} diff --git a/tests/inputs/extends.scss b/tests/inputs/extends.scss deleted file mode 100644 index f9ea2a30..00000000 --- a/tests/inputs/extends.scss +++ /dev/null @@ -1,377 +0,0 @@ - -error, other { - border: 1px #f00; - background-color: #fdd; -} - -pre, span { - seriousError { - @extend error; - font-size: 20px; - } -} - -hello { - @extend other; - color: green; - div { - margin: 10px; - } -} - -.cool { - color: red; -} - -.blue { - color: purple; -} - -.me { - @extend .cool, .blue; -} - -.hoverlink { @extend a:hover } -a:hover { text-decoration: underline } - - -// partial matching and selector merging: - -div.hello.world.hmm { - color: blue; -} - -pre, code { - .okay.span { - @extend .hello; - } -} - -// multiple matches per selector -.xxxxx .xxxxx .xxxxx { - color: green; -} - -code { - @extend .xxxxx; - color: red; -} - - -// chained - -.alpha { - color: red; -} - -.beta { - @extend .alpha; - color: white; -} - -.gama { - @extend .beta; - color: blue; -} - -// merging selector sequences - -#admin .tabbar a {font-weight: bold} -#demo .overview .fakelink {@extend a} - -a1 b1 c1 d1 { color: red; } -x1 y1 z1 w1 { @extend a1; } - -a2 b2 c2 d2 { color: red; } -x2 y2 z2 w2 { @extend b2; } - - -a3 b3 c3 d3 { color: red; } -x3 y3 z3 w3 { @extend c3; } - - -a4 b4 c4 d4 { color: red; } -x4 y4 z4 w4 { @extend d4; } - -// removing common prefix - -#butt .yeah .okay { font-weight: bold } -#butt .umm .sure { @extend .okay } - -a9 b9 s9 t9 v9 { color: red; } - -a9 b9 x9 y9 z9 { - @extend v9; -} - -// extends & media - -@media print { - horse { - color: blue; - } -} - -man { - color: red; - @extend horse; -} - - -// result == match - -wassup { - color: blue; - @extend wassup; -} - -.foo { - .wassup { - @extend .wassup; - color: blue; - } -} - -// multi-extend - -#something { - color: red; -} - -.x { - @extend #something; -} - -.y { - @extend #something; -} - -// twitter-sass-bootstrap infinite loop - -.nav-tabs { - &.nav-justified { - @extend .nav-justified; - } -} -.nav-justified { - text-align: justify; -} - -// multi-extend with nesting - -.btn:hover, -.btn:active, -.btn.active, -.btn.disabled, -.btn[disabled] { - color: red; -} -.edit .actions { - button { - float: right; - @extend .btn; - } -} -.edit { - .new { - .actions { - padding: 0; - } - .actions button { - @extend .btn; - } - } -} - -.z {color: red;} -.parent .self.z { - @extend .z; -} - -#content { - - .social-login { - display: block; - float: right; - margin-right: 15px; - width: 250px; - - .facebook { - display: block; - width: 255px; - height: 42px; - background: transparent url('images/login-btns.png') no-repeat; - background-position: 0 0; - - &:hover { - background-position: 0 -43px; - } - - &:focus, &:active { - background-position: 0 -86px; - } - } - - .twitter { - - @extend .facebook; - background-position: 0 -129px; - - &:hover { - background-position: 0 -172px; - } - - &:active, &:focus { - background-position: 0 -215px; - } - } - - } -} - -body{ - .to-extend{ - color: red; - } - .test{ - @extend .to-extend; - } -} - -.navbar { - .navbar-brand { - font-weight: bold; - text-shadow: none; - color: #fff; - - &:hover { - @extend .navbar-brand; - } - } -} - -.foo{ - &__bar#test{background:red;} -} -input{@extend .foo__bar#test;} - -.selector1 { - color: blue; -} - -.selector2 { - background: #ccc; -} - -$var: ".selector1, .selector2"; - -.master-class { - // interpolation of the variable is needed since we have a selector in $var - @extend #{$var}; -} - -// scss -.main { - .block__element { - font-size: 14px; - - &--modifier { - @extend .block__element; - font-weight: bold; - } - } -} - -a.important { - @extend .notice !optional; -} - -$color-base: white; - -%pagination-bullet { - width: 6px; - height: 6px; - margin-left: 5px; - &:first-child { - margin-left: 0; - } - &.is-active { - background-color: $color-base; - } -} - -.pagination { - &-bullet { - @extend %pagination-bullet; - } -} - -@mixin nested-foo() { - .in-nested-foo { - @content; - } -} - -.parent-nested-foo-include { - @include nested-foo() { - .child-nested-foo-include { - color: green; - } - } -} - -.beard + .mustache { - @extend .child-nested-foo-include; -} - -// Shared direct relationship combinator. -.btn-group-lg > .btn { - @extend .btn-lg; -} -.btn-group > .btn-lg { - padding-right: 12px; - padding-left: 12px; -} - -// Reverse rules with direct relationship combinators. -.fp-content-center form + div { - @extend .form-group; - padding-left: 0; -} -.form-inline + .a { - .form-group > b { - margin-bottom: 0; - } -} - -// Decorated tags cannot be extended by tags of another type. -canvas { - color: yellow; -} -.popup { - color: red; -} -div.popup { - color: blue; -} -.before span.popup .after { - color: green; -} -input { - @extend .popup; -} -img.bar { - @extend .popup; -} -object { - @extend canvas; -} -embed.bar { - @extend canvas; -} -.prepend { - input.foo, - div.foo { - @extend .popup - } -} diff --git a/tests/inputs/extends_nesting.scss b/tests/inputs/extends_nesting.scss deleted file mode 100644 index 0cae18dc..00000000 --- a/tests/inputs/extends_nesting.scss +++ /dev/null @@ -1,44 +0,0 @@ -.btn { - padding: 1px; -} -.btn-lg { - font-size: 10px; -} -.dropup .btn-lg .caret { - border-width: 100px; -} - -.dropup .btn { - content: "dropup btn"; - .caret { - content: "dropup btn caret"; - } -} -.dropup > .btn { - content: "dropup > btn"; - > .caret { - content: "dropup > btn > caret"; - } -} -.dropup + .btn { - content: "dropup + btn"; - + .caret { - content: "dropup + btn + caret"; - } -} -.dropup.btn { - content: "dropupbtn"; - &.caret { - content: "dropupbtncaret"; - } -} - -.btn-group-lg > .btn { - @extend .btn-lg; -} - -.extend { - .the-button { - @extend .btn; - } -} diff --git a/tests/inputs/filter_effects.scss b/tests/inputs/filter_effects.scss deleted file mode 100644 index e8f9a3bb..00000000 --- a/tests/inputs/filter_effects.scss +++ /dev/null @@ -1,48 +0,0 @@ -#number { - -webkit-filter: grayscale(1) - sepia(0.5) - saturate(0.1) - invert(1) - opacity(0.5) - brightness(0.5) - contrast(0.5); -} - -#percentage { - -webkit-filter: grayscale(100%) - sepia(50%) - saturate(10%) - invert(100%) - opacity(50%) - brightness(50%) - contrast(50%); -} - -#misc { - -webkit-filter: hue-rotate(90deg) - blur(10px) - drop-shadow(10px -16px 30px purple); -} - -@mixin opacity($opacity, $style: 0) { - @if ($opacity < 1) { - opacity: $opacity; - filter: alpha(opacity=$opacity * 100, style=$style); - } @else { - opacity: $opacity / 100; - filter: alpha(opacity=$opacity); - } -} - -#decimal { - @include opacity(.5, 1); -} - -#percent { - @include opacity(50); -} - -.row { - background-color: darken(#2ba6cb, 40%); - color: darken(#2ba6cb, 10%); -} diff --git a/tests/inputs/functions.scss b/tests/inputs/functions.scss deleted file mode 100644 index bf3edf1f..00000000 --- a/tests/inputs/functions.scss +++ /dev/null @@ -1,168 +0,0 @@ - -@function hello($x) { - @return $x + 4; -} - -@function add($a, $b) { - @return $a + $b; -} - -div { - color: hello(10px); - sum: add(11, 12); -} - -// make sure values are being reduced before being passed up to previous scope - -@function one($a, $b) { - @return $a $b; -} - -@function two($a, $b) { - @return $a#{$a} $b; -} - -@function three($a, $b: default) { - @return "hello #{$a} and #{$b}" -} - -@function all($a...) { - @return "hello #{$a}" -} - -div { - hello: one(10, 55); - hello: two(10, 55); - hello: three(10, 55); -} - - -@function hello_world() { - @return 1000; -} - -del { - color: hello-world(); -} - -div { - $args: foo bar; - hello: three($args...); - hello: three(bar...); - hello: all(Alice, Bob, Tom); -} - -@function stringConcatCompassStyle($start,$last) -{ - // Compass still uses it like this - @return #{$start}-#{$last}; -} - -.foo -{ - test2: stringConcatCompassStyle(-moz,art); -} - -@mixin content_test { - span { - $color: green; - @content; - } -} - -@function func_test($c) { - @return $c + 1; -} - -div { - @include content_test { - height: func_test(2px); - } -} - -@function test ($a, $b: $a/2) { - @return $b; -} - -div { - width: test(4); -} - -@function test($args...){ - @return type-of($args); // should return arglist, but returns list -} - -p{ - color: test("a", "s", "d", "f"); -} - -@function test-function() { - $str: 'test-function'; - @return $str; -} - -@mixin test-mixin { - $str: 'test-mixin'; - display: $str; - $new-bp: test-function(); - display: $str; -} - -$str: 'global'; -.test{ - display: $str; - @include test-mixin; - display: $str; -} - -.test-inspect { - n: inspect(null); - b1: inspect(true); - b2: inspect(false); - n1: inspect(0); - s1: inspect(''); - s2: inspect('hello'); - l1: inspect(1 2); - l2: inspect((3 4)); - l3: inspect((5,6)); - l4: inspect((a: 1, b: 2)); - l5: inspect($value: (a: 1, b: 2)); -} - -@function contains($list, $values...) { - @each $value in $values { - @if type-of(index($list, $value)) != "number" { - @return false; - } - } - - @return true; -} - -@function mapping($items) { - $src: (); - $map: ( - one: 1px 1px, - two: 2px 2px, - ); - - @each $key, $values in $map { - @if contains($items, $key) { - $value1: nth($values, 1); - $value2: nth($values, 2); - - $src: append($src, $value1 $value2, space); - } - } - - @return $src; -} - -@mixin test() { - padding: mapping(one two); -} - -div { - margin: mapping(one two); - @include test(); -} \ No newline at end of file diff --git a/tests/inputs/ie7.scss b/tests/inputs/ie7.scss deleted file mode 100644 index 3d4771bd..00000000 --- a/tests/inputs/ie7.scss +++ /dev/null @@ -1,12 +0,0 @@ -// http://jes.st/2013/ie7s-css-breaking-content-counter-bug/ -#foo:before { - content: counter(item, ".") ": "; -} - -#bar:before { - content: counter(item,"."); -} - -#fu:before { - content: counter(item); -} diff --git a/tests/inputs/if.scss b/tests/inputs/if.scss deleted file mode 100644 index 32fe9251..00000000 --- a/tests/inputs/if.scss +++ /dev/null @@ -1,80 +0,0 @@ - -@function conds($val) { - @if $val { - @return "red"; - } - - @return "blue"; -} - -div { - @if something { - color: blue; - } -} - -pre { - val-1: conds(true); - val-2: conds(false); - val-3: conds(null); - val-4: conds(1); - val-5: conds(0); -} - - -span { - @if false { - color: red; - } @else { - color: blue; - } - - @if true { - height: 10px; - } @else { - color: 20px; - } - - @if false { - height: 10px; - } @elseif false { - color: 20px; - } @else { - width: 20px; - } -} - -div { - @if false { - color: red; - } @else if false { - color: green; - } @else { - color: blue; - } - - @if false { - border-color: red; - } @else if true { - border-color: green; - } @else { - border-color: blue; - } - -} - -// doesn't work in scss, thing loses scope -del { - @if false { - $thing: yes; - } @else { - $thing: no; - } - - thing: $thing; -} - -$return: (1); -@if $return == () { - @warn 'empty list'; -} diff --git a/tests/inputs/if_on_null.scss b/tests/inputs/if_on_null.scss deleted file mode 100644 index 16887065..00000000 --- a/tests/inputs/if_on_null.scss +++ /dev/null @@ -1,8 +0,0 @@ -@function testfunc($pseudo: null) { - $output: if($pseudo, "green", "red"); - @return $output; -} - -body { - background-color: testfunc(); -} diff --git a/tests/inputs/import.scss b/tests/inputs/import.scss deleted file mode 100644 index 61625cd6..00000000 --- a/tests/inputs/import.scss +++ /dev/null @@ -1,23 +0,0 @@ - -@import "foo.css"; -@import "foo" screen; -@import "http://foo.com/bar"; -@import url(foo); - -@import "imports/simple"; - -pre { - color: red; - @import "imports/simple.scss"; -} - -code { - @import "imports/simple", "imports/simple"; -} - -@import "imports/partial"; - -body { - color: $variable; - @include partial-mixin(); -} diff --git a/tests/inputs/imports/_partial.scss b/tests/inputs/imports/_partial.scss deleted file mode 100644 index 010c3c46..00000000 --- a/tests/inputs/imports/_partial.scss +++ /dev/null @@ -1,10 +0,0 @@ - -#partial { - color: blue; -} - -$variable: #7C2; - -@mixin partial-mixin() { - background: gray; -} diff --git a/tests/inputs/imports/simple.scss b/tests/inputs/imports/simple.scss deleted file mode 100644 index 4b3e1f91..00000000 --- a/tests/inputs/imports/simple.scss +++ /dev/null @@ -1,4 +0,0 @@ -div { - height: 200px; - color: red; -} diff --git a/tests/inputs/interpolation.scss b/tests/inputs/interpolation.scss deleted file mode 100644 index e3736ca5..00000000 --- a/tests/inputs/interpolation.scss +++ /dev/null @@ -1,99 +0,0 @@ - -div { - color: red#{white} blue; - color: red #{white} blue; - color: red #{white}blue; - color: red#{white}blue; - color: #{umm}#{yeah}#{what}; - color: #{stacked}; - - font-size: 10px/#{something}; - font-size: 10px / #{something}; - - test: "what#{"world"}wrong"; - test: "what#{'world'}wrong"; - test: "what#{world}wrong"; - test: "what"#{world}"wrong"; - - hi: "what is #{4 + 12} end" -} - - -// interpolation in selectors - -pre { - $var: cool; - - #{var} { - color: red; - } - - #{var} dad { - color: red; - } - - bed#{var}dad { - color: red; - } -} - -cool { - @for $x from 1 through 5 { - .thing-#{$x} { - color: red; - } - } -} - -a#{b}c#{d}e { - color: red; -} - -##{hello}, .#{world}{ - color: red; -} - -#abc#{hello}yeah, .cool#{world}yes{ - color: red; -} - -$scope: 2; - -div.element:nth-child(#{$scope}n) -{ - display: none; -} - -// property interpolation - -div { - $var: hello; - #{$var}: world; - cool#{$var}:world; - #{$var}one:world; - two#{$var}one:world; - - one#{a + b}two: cool; - - #{hello}: { - #{world}: red; - #{mold}: white; - #{$var}: blue; - } - -} - -body{ - $test : "1", "2", "3", "4", "5"; - color : index($test, "#{3}"); -} - -foo, #{x, y} { - color: #abc; -} - -// interpolate lists -$foo: ('a', 'b'); -div { - prop: #{$foo}; -} diff --git a/tests/inputs/keyword_args.scss b/tests/inputs/keyword_args.scss deleted file mode 100644 index 0b8e4754..00000000 --- a/tests/inputs/keyword_args.scss +++ /dev/null @@ -1,24 +0,0 @@ - -// mixins - -@mixin hello($a: one, $b:two, $c:three, $d: four) { - out: $a $b $c $d; -} - -pre { - @include hello(alpha, $d: palace, $b: fort); -} - - -// functions - -@function cool($a, $b) { - @return $a - $b; -} - -div { - hello: cool($b: 5, $a: 10); - world: cool(5, 10); -} - - diff --git a/tests/inputs/list.scss b/tests/inputs/list.scss deleted file mode 100644 index 8d290e9f..00000000 --- a/tests/inputs/list.scss +++ /dev/null @@ -1,35 +0,0 @@ -$list: (black); -$list: join($list, white, comma); - -div { - padding: join(10px 20px, 30px 40px); - margin: join((0, 10px), (10px, 10px), space); - background: linear-gradient($list); -} - -$list: (); -$list: join($list, (red, blue), comma); - -p { - background: linear-gradient($list); -} - -div { -x: index(1px solid red, solid); -y: index(1px solid red, dashed); -z: index((width: 10px, height: 20px), (height 20px)); -} - -$list: set-nth($list: 10px 20px 30px, $n: 2, $value: -20px); -div { - a: nth($list, 1); - b: nth($list, 2); - c: nth($list, 3); - d: nth($list, -1); -} - -div { -x:list-separator(1px 2px 3px); -y:list-separator(1px, 2px, 3px); -z:list-separator('foo'); -} diff --git a/tests/inputs/looping.scss b/tests/inputs/looping.scss deleted file mode 100644 index 665bce99..00000000 --- a/tests/inputs/looping.scss +++ /dev/null @@ -1,153 +0,0 @@ - -div { - $var: red; - - @each $var in what is this { - color: $var; - } - - @each $var in what, is, this { - font: $var; - } - - $list: what is this; - @each $var in $list { - background: $var; - } - - $list: what, is, this; - @each $var in $list { - border: $var; - } - - @each $var in what what, is is, this this { - background: $var; - } - - @each $var in (what: what, is: is, this: this) { - background: $var; - } - - @each $header, $size, $nonexistent in (h1: 2em, h2: 1.5em, h3: 1.2em) { - #{$header} { - font-size: $size; - border: $nonexistent; - } - } - - color: $var; -} - - -span { - $i: 0; - @while $i <= 10 { - color: $i; - $i: $i + 1; - } -} - -pre { - @for $x from 1 to 5 { - color: $x; - } - - @for $x from 1 through 5 { - height: $x; - } - - $y: 10; - @for $x from $y through 3 { - cool: $x; - } - -} - -$j: null; -@while $j { - .item { width: 2em; } - $j: false; -} - -@function contains($list, $values...) { - @each $value in $values { - @if type-of(index($list, $value)) != "number" { - @return false; - } - } - @return true; -} - -@function is-number($value) { - @return contains("0" "1" "2" "3" "4" "5" "6" "7" "8" "9" 0 1 2 3 4 5 6 7 8 9, $value); -} - -div { - a: is-number('red'); - b: is-number('1'); - c: is-number("3"); - c: is-number(5); -} - -body.each { - @each $x in 1 2 3 4 5 { - @if $x == 2 or $x == 4 { - background-color: $x; - @continue; - } - - color: $x; - - @if $x == 5 { - @break; - } - @else { - @continue; - } - - color: "not reached"; - } -} - -body.for { - @for $x from 1 through 5 { - @if $x == 2 or $x == 4 { - background-color: $x; - @continue; - } - - color: $x; - - @if $x == 5 { - @break; - } - @else { - @continue; - } - - color: "not reached"; - } -} - -body.while { - $x: 0; - @while $x <= 5 { - $x: $x+1; - - @if $x == 2 or $x == 4 { - background-color: $x; - @continue; - } - - color: $x; - - @if $x == 5 { - @break; - } - @else { - @continue; - } - - color: "not reached"; - } -} diff --git a/tests/inputs/map.scss b/tests/inputs/map.scss deleted file mode 100644 index 0fb6be19..00000000 --- a/tests/inputs/map.scss +++ /dev/null @@ -1,55 +0,0 @@ -$map: ( - color: black, - color2: red, - 'color' + '3': #00FF00 -); -$map2: ( - color: rgb(255, 255, 255), - length: 40em -); -// Map functions -div { - color: map_get($map, color); - color: map_get($map, 'color#{2}'); - foo: map_values($map); - bar: map_keys($map2); - baz: map_merge($map, $map2); - foo: map_remove($map2, color); - bar: if(map_has_key($map, color), true, false); - suppress: map_get($map, null); -} - -// List functions -div { - foo: nth($map, 1); - bar: nth(nth($map, 1), 1); -} - -$color: ("black" : #000000); - -@each $color_name, $color_value in $color { - .#{$color_name} { - background-color: $color_value !important; - } -} - -$args: ('a': 1, 'b': 2); - -@mixin output($args) { - @each $k, $v in $args { - #{$k}: $v; - } -} - -@mixin output-varargs( - $a, - $b -) { - color: $a; - background-color: $b; -} - -div { - @include output($args); - @include output-varargs($args...); -} diff --git a/tests/inputs/media.scss b/tests/inputs/media.scss deleted file mode 100644 index 3c2c147a..00000000 --- a/tests/inputs/media.scss +++ /dev/null @@ -1,208 +0,0 @@ - -// media syntax -@media { - div { color: blue; } -} -@media what { - div { color: blue; } -} - -@media (cool) { - div { color: blue; } -} -@media (cool: blue) { - div { color: blue; } -} - -@media hello and (world) and (butt: man) { - div { color: blue; } -} - -$navbarCollapseWidth: 940px; - -@media (max-width: $navbarCollapseWidth) { - color: red; -} - -// media bubbling -@media not hello and (world) { - color: blue; - pre { - color: blue; - } - - @media butt { - color: red; - div { - color: red; - } - } -} - -@media a, b { - @media c { - color: blue; - } -} - -@media a{ - @media b, c { - color: blue; - } -} - -@media a, b{ - @media c, d { - color: blue; - } -} - -$media: cree; -$feature: -webkit-min-device-pixel-ratio; -$value: 1.5; - -div { - color: blue; - @media s#{$media}n and ($feature: $value) { - .sidebar { - width: 500px; - } - } -} - -// @media + @mixin -@mixin color { - color: red; - .success { - color: green; - } -} - -div { - position: absolute; - $y: 2em; - @media screen { - top: 0; - $x: 5px; - p { - margin: $x; - } - bottom: 6em + $y; - @include color; - } -} - -.button { - width: 300px; - height: 100px; - background: #eee; - - :hover { - background: #aaa; - } - - @media only screen and (max-width : 300px){ - width: 100px; - height: 100px; - } -} - -code { - position: absolute; - @media screen { - pre { - height: 20px; - } - height: 10px; - } -} - -dt { - @media screen { - @media (color: blue) { - height: 10px; - } - } -} - -// nesting media queries -@media screen { - .screen { - width: 12px; - } - @media only screen { - .only-screen { - height: 11px; - } - } -} - -@media only screen { - .only-screen { - width: 14px; - } - @media only screen { - .only-screen { - height: 16px; - } - } -} - -@media not screen { - @media screen { - .invalid { - height: 12px; - } - } -} - -@media not screen { - @media print { - .only-print { - height: 12px; - } - } -} - -@media screen { - @media not print { - .only-print { - height: 12px; - } - } -} - -@media not screen { - @media not print { - .invalid { - height: 12px; - } - } -} - -@media not screen { - @media not screen { - .not-screen { - height: 15px; - } - } -} - -@media only screen { - @media print { - .invalid { - height: 15px; - } - } -} - -@media only screen { - @media screen and (color: blue) { - @media screen and (width: 13) { - .only-screen { - height: 15px; - } - } - } -} - diff --git a/tests/inputs/mixins.scss b/tests/inputs/mixins.scss deleted file mode 100644 index 02ed81d0..00000000 --- a/tests/inputs/mixins.scss +++ /dev/null @@ -1,210 +0,0 @@ - -@mixin something { - color: red; - pre { - height: 200px; - } -} - -div { - color: blue; - @include something; -} - -@mixin something($color) { - color: $color; - - div { - height: 20px; - } -} - -@mixin cool($a, $b, $c) { - height: $a + $b + $c; -} - -span { - @include something(blue); -} - -html { - @include cool(10px, 12px, 21px); -} - - -@mixin hello_world { - height: 20px; -} - -del { - @include hello-world; -} - - -// variable shadowing - - -$color: white; -@mixin colors($color: blue) { - color: $color; -} - -div { - color: $color; - @include colors(); - color: $color; -} - -@mixin linear-gradient($from, $to, $pos: left top) { - background-image: linear-gradient($pos, $from, $to); -} - -div { - @include linear-gradient(red, green); -} - -@mixin box-shadow($shadows...) { - -moz-box-shadow: $shadows; - -webkit-box-shadow: $shadows; - box-shadow: $shadows; -} - -div { - @include box-shadow(10px 10px 5px #888); - @include box-shadow(inset 10px 10px #888, -10px -10px #f4f4f4); -} - -@mixin nested { - @include something(red); -} - -div { - p { - .class { - @include nested; - } - - @include nested; - - .top { - top: 0; - - div { - color: red; - } - } - - color: blue; - } -} - -// mixin content (http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixin-content) -@mixin content-simple { - div.mixin-content-simple { - @content; - } -} - -@mixin content-with-arg ( $background ) { - div.mixin-content-with-arg { - background: $background; - @content; - } -} - -@include content-simple { - color: red; -} - -@include content-with-arg($background: blue) { - color: red; -} - -@include content-with-arg($background: purple) { - @include hello_world; -} - -@include content-simple { - @include cool(10px, 12px, 21px); -} - -@include content-simple { - @include something(orange); -} - -@include content-with-arg($background: purple) { - @include cool(10px, 12px, 21px); -} - -@include content-with-arg($background: purple) { - @include something(orange); -} - -@mixin wallpaper($image, $top: 0, $right: 0, $bottom: 0, $left: 0) { - background: $image; - position: absolute; - top: $top; - right: $right; - bottom: $bottom; - left: $left; -} - -@mixin logo($offsets...) { - @include wallpaper(url(/images/logo.png), $offsets...); -} - -#please-wait { - @include logo(1em, $left: 4em, $bottom: 3em); -} - -@mixin prefixer($property, $value) { --webkit-#{$property}: $value; -} - -@mixin transform($property: none) { - @include prefixer(transform, $property); -} - -div.parameter-name-scope { - @include transform(translateX(50px)); -} - -@mixin keyframes( $name ) -{ - @-webkit-keyframes $name { - @content; - } -} - -@include keyframes( change-color ) -{ - 0% { color: green; } - 100% { color: red; } -} - -@mixin test-mixin($color: #000) { - @media screen and (min-width:0\0) { - color: $color; - } -} -.test{ - @include test-mixin(); -} - -@mixin inner($value) {} - -@mixin outer($value) { - #{$value} { - content: "#{$value}"; - @content; - content: "#{$value}"; - } -} - -@include outer(div) { - @include inner('break'); - @include outer(p) { - @include inner('break'); - } -} - diff --git a/tests/inputs/nested_mixins.scss b/tests/inputs/nested_mixins.scss deleted file mode 100644 index f72ce365..00000000 --- a/tests/inputs/nested_mixins.scss +++ /dev/null @@ -1,28 +0,0 @@ -@mixin container() { - .container { - @content; - } -} -@mixin add-size($size) { - width: $size; -} -@function add($a, $b) { - @return $a + $b; -} - -div { - @include container() { - $i: 10px; - @include container() { - width: $i; - max-width: add($i, 2px); - } - @include add-size($i); - .foo { - @include add-size($i); - } - .bar { - @include add-size(add($i, 2px)); - } - } -} diff --git a/tests/inputs/nesting.scss b/tests/inputs/nesting.scss deleted file mode 100644 index 68e31177..00000000 --- a/tests/inputs/nesting.scss +++ /dev/null @@ -1,45 +0,0 @@ - - -body { - color: red; -} - - -div { - color: red; - height: yes; - - pre { - color: blue; - } -} - - -div: blue; - - -div { - font: 10px hello world { - size: 10px; - color: blue; - } - - border: { - left: 1px solid blue; - right: 2px dashed green; - } -} - - -#nested-nesting { - bar: baz; - bang: { - bop: bar; - bip: 1px; - blat: { - baf: bort - } - } -} - - diff --git a/tests/inputs/null.scss b/tests/inputs/null.scss deleted file mode 100644 index 147dc2e2..00000000 --- a/tests/inputs/null.scss +++ /dev/null @@ -1,41 +0,0 @@ -$list: null; -.div { - one: null; - one: null world; - one: NULL world; - one: a null, b; - two: a $list $list, $list, b; - three: $list; -} - -$value: null; - p:before { - content: "I ate #{$value} pies!"; -} - -@mixin Rounded($radius1, $direction: null, $radius2: false) { - $corner: null; - @if $direction == TL { $corner: top-left-; } - @if $direction == TR { $corner: top-right-; } - @if $direction == BL { $corner: bottom-left-; } - @if $direction == BR { $corner: bottom-right-; } - @if $radius2 { - -webkit-border-#{$corner}radius: $radius1 $radius2; - border-#{$corner}radius: $radius1 $radius2; - } @else { - -webkit-border-#{$corner}radius: $radius1; - border-#{$corner}radius: $radius1; - } -} - -.foo { - @include Rounded(10); -} - -.fu { - @include Rounded(20, null); -} - -.bar { - @include Rounded(30, TL); -} diff --git a/tests/inputs/operators.scss b/tests/inputs/operators.scss deleted file mode 100644 index 31e65b17..00000000 --- a/tests/inputs/operators.scss +++ /dev/null @@ -1,193 +0,0 @@ - - -body { - color: 1 + 2 + 5; - color: 1 + 2 * 5 + 5; - height: 10px/10px; - color: 10px/2 + 1; - color: (10px/2); - //bottom: (4/2px); - top: 1em * (1 * 24px - 0) / 16px; - left: 1 - 2cm; - top: (2cm/12px); -} - -div { - color: 4 == 3; - color: hello == hello; - - color: 4 > 3; - color: 4 < 3; - color: what > 3; - - color: 0 <=> 0; - color: 1 <=> 2; - color: 2 <=> 1; -} - - -#units { - test: 1in + 4cm; - test: 12mm + 1; - test: 1 + 3em; - test: 1mm + 1cm; - test: 1cm + 1mm; -} - -#modulo { - test: 3 % 2; - test: 4cm % 3; -} - -#colors { - color: red + rgb(1,2,3); - color: red - rgb(1,2,3); - color: rgba(1,2,3, 0.5) * rgba(3,4,5, 0.5); - color: rgba(10,15,20, 0.5) / rgba(2,2,2, 0.5); - - color: rgba(1,2,3, 0.5) * 2; - color: rgba(1,2,3, 0.5) / 2; - color: rgba(1,2,3, 0.5) + 2; - color: rgba(1,2,3, 0.5) - 2; - - color: blue + 34; - - color: #fff == #000; - color: #fff == #fff; - - color: #fff != #000; - color: #fff != #fff; -} - - -#preserve { - hello: what -going; - hello: what - going; -} - -#strings { - hello: what -going; - - hello: what +going; - hello: what+going; - hello: what+ going; - hello: what + going; - - hello: "what" + going; - hello: going + "what"; - hello: "what" + "what"; -} - -#negation { - $num: 100; - a: -$num + 40; - b: 10 -$num; - b: 10 - $num; -} - -#bools-fail { - and: false and two; - and: one and two; - and: one and false; - - or: false or two; - or: one or two; - or: one or false; -} - -#bools { - and: (false and two); - and: (one and two); - and: (one and false); - and: (null and two); - - or: (false or two); - or: (one or two); - or: (one or false); - or: (null or two); -} - - -#nots-fail { - not: not true + 2; - not: not false; - not: not 0; - not: not 1; - not: not ""; - not: not hello; -} - -#nots { - not: (not true) + 2; - not: (not false); - not: (not 0); - not: (not 1); - not: (not ""); - not: (not hello); - not: (not null); -} - -#string-test { - str: hi == "hi"; - str: hi == "no"; - str: 'yes' == 'yes'; - - $var1: "hello"; - $var2: hello; - - str: "#{$var1}" == '#{$var2}'; - - str: xhello#{$var1}x == "x#{$var2}hellox"; // xhellohellofalse - - str: unit(10px) == px; -} - - -#special { - cancel-unit: (10px / 10px); -} - -// not expecting unary -$form-spacing: 1em; - -.row .a { margin: 0-$form-spacing / 2; } -.row .b { margin: 0- $form-spacing / 2; } -.row .c { margin: 0 - $form-spacing / 2; } -.row .d { margin: 0 -$form-spacing / 2; } -.row .e { margin: 0 (-$form-spacing / 2); } - -.alt .a { margin: 0-1em / 2; } -.alt .b { margin: 0- 1em / 2; } -.alt .c { margin: 0 - 1em / 2; } -.alt .d { margin: 0 -1em / 2; } -.alt .e { margin: 0 (-1em / 2); } - -.row .f { margin: 0-$form-spacing * 2; } -.row .g { margin: 0- $form-spacing * 2; } -.row .h { margin: 0 - $form-spacing * 2; } -.row .i { margin: 0 -$form-spacing * 2; } -.row .j { margin: 0 (-$form-spacing * 2); } - -.alt .f { margin: 0-1em * 2; } -.alt .g { margin: 0- 1em * 2; } -.alt .h { margin: 0 - 1em * 2; } -.alt .i { margin: 0 -1em * 2; } -.alt .j { margin: 0 (-1em * 2); } - -$gridColumns: 12 !default; -$gridColumnWidth: 60px !default; -$gridGutterWidth: 20px !default; -$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default; - -$fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default; - -div { -*margin-left: $fluidGridGutterWidth - (.5 / $gridRowWidth * 100px * 1%); -} - -$gridRowWidth: 20px; - -.foo -{ -width: (2.5 / $gridRowWidth * 100px * 1% ); -} diff --git a/tests/inputs/parsing_comments.scss b/tests/inputs/parsing_comments.scss deleted file mode 100644 index ce58d79f..00000000 --- a/tests/inputs/parsing_comments.scss +++ /dev/null @@ -1,59 +0,0 @@ -/* comment 1 */ -a { - /* comment 2 */ - color: red; /* comment 3 */ - /* comment 4 */ -} -/* comment 5 */ - -/*! comment 1 */ -b { - /*! comment 2 */ - color: red; /*! comment 3 */ - /*! comment 4 */ -} -/*! comment 5 */ - -/* - * multi-line comment 1 - */ -c { - /* - * multi-line comment 2 - */ - color: red; /* - * multi-line comment 3 - */ - /* - * multi-line comment 4 - */ -} -/* - * multi-line comment 5 - */ - -/*! - * multi-line comment 1 - */ -d { - /*! - * multi-line comment 2 - */ - color: red; /*! - * multi-line comment 3 - */ - /*! - * multi-line comment 4 - */ -} -/*! - * multi-line comment 5 - */ - -// comment 1 -e { - // comment 2 - color: red; // comment 3 - // comment 4 -} -// comment 5 diff --git a/tests/inputs/placeholder_selector.scss b/tests/inputs/placeholder_selector.scss deleted file mode 100644 index 0d1a9571..00000000 --- a/tests/inputs/placeholder_selector.scss +++ /dev/null @@ -1,28 +0,0 @@ -#context a%extreme span { - color: blue; - font-weight: bold; - font-size: 2em; -} - -.notice, .error { @extend %extreme; } - -.hidden %placeholder { - margin: 0; -} - -p { - @extend #context; - padding: 2em; -} - -div { @extend .hidden; } - -$layout-namespace: 'test'; - -%#{$layout-namespace}layout { - color: red; -} - -.layout { - @extend %#{$layout-namespace}layout; -} diff --git a/tests/inputs/scss_css.scss b/tests/inputs/scss_css.scss deleted file mode 100644 index 7daa89a3..00000000 --- a/tests/inputs/scss_css.scss +++ /dev/null @@ -1,985 +0,0 @@ -[foo~=bar] { - a: b; } - - -[foo^=bar] { - a: b; } - - -[foo$=bar] { - a: b; } - - -[foo*=bar] { - a: b; } - - -[foo|=en] { - a: b; } - - -foo { - a: 2; - b: 2.3em; - c: 50%; - d: "fraz bran"; - e: flanny-blanny-blan; - f: url(http://sass-lang.com); - // g: U+ffa?; - h: #aabbcc; } - - -selector { - property: value; - property2: value; } - - -sel{p:v} - -.foo { - /* Foo -Bar - Baz */ - a: b; } - - -.foo { - /* Foo -Bar - Baz */ - a: b; } - - -.foo {/* Foo - Bar */ - a: b; } - - -.foo {/* Foo - Bar - Baz */ - a: b; } - - -@foo { - rule { - a: b; } - - a: b; } - - -@foo {a:b}; -@bar {a:b}; - - -@foo "bar" - -foo { - a: 12px calc(100%/3 - 2*1em - 2*1px); - b: 12px -moz-calc(100%/3 - 2*1em - 2*1px); - b: 12px -webkit-calc(100%/3 - 2*1em - 2*1px); - b: 12px -foobar-calc(100%/3 - 2*1em - 2*1px); } - - -foo {bar: baz} - -baz {bar: baz} - - -/* - * foo - */ -bar {baz: bang} - - -E, F { - a: b; } - - -E F, G H { - a: b; } - - -E > F, G > H { - a: b; } - - -/* This is a CSS comment. */ -.one {color: green;} /* Another comment */ -/* The following should not be used: -.two {color: red;} */ -.three {color: green; /* color: red; */} -/** -.four {color: red;} */ -.five {color: green;} -/**/ -.six {color: green;} -/*********/ -.seven {color: green;} -/* a comment **/ -.eight {color: green;} - - -foo { - a: \foo bar; - b: foo\ bar; - c: \2022 \0020; - d: foo\\bar; - e: foo\"\'bar; } - - -foo { - a: "\foo bar"; - b: "foo\ bar"; - c: "\2022 \0020"; - d: "foo\\bar"; - e: "foo\"'bar"; } - - -foo { - _name: val; - *name: val; - :name: val; - .name: val; - #name: val; - name/**/: val; - name/*\**/: val; - name: val; } - - -@foo "bar" ; - -foo { - a: -moz-element(#foo); - b: -webkit-element(#foo); - b: -foobar-element(#foo); } - - -@foo {} - -@foo { -} - - -@foo; - -foo {;;;; - bar: baz;;;; - ;;} - - -#foo .bar {} - -#foo .bar { -} - - -0% { - a: b; } - - -60% { - a: b; } - - -100% { - a: b; } - - -12px { - a: b; } - - -"foo" { - a: b; } - - -foo { - a: 12px expression(1 + (3 / Foo.bar("baz" + "bang") + function() {return 12;}) % 12); } - - -:foo("bar") { - a: b; } - - -:foo(bar) { - a: b; } - - -:foo(12px) { - a: b; } - - -:foo(+) { - a: b; } - - -:foo(-) { - a: b; } - - -:foo(+"bar") { - a: b; } - - -:foo(-++--baz-"bar"12px) { - a: b; } - - -foo { - a: foo-bar(12); - b: -foo-bar-baz(13, 14 15); } - - -@import "foo.css"; - -@import 'foo.css'; - -@import url("foo.css"); - -@import url('foo.css'); - -@import url(foo.css); - -@import "foo.css" screen; - -@import "foo.css" screen, print; - -@import "foo.css" screen, print and (foo: 0); - -@import "foo.css" screen, only print, screen and (foo: 0); - -foo { - a: foo !important; - b: foo bar !important; - b: foo, bar !important; } - - -foo { - a: -moz-bar-baz; - b: foo -o-bar-baz; } - - -foo {a: /* b; c: */ d} - - -foo {a /*: b; c */: d} - - -/* Foo - * Bar */ - - -.foo { - /* Foo - * Bar */ } - - -[foo] { - a: b; } - - -[foo="bar"] { - a: b; } - - -[foo~="bar"] { - a: b; } - - -[foo^="bar"] { - a: b; } - - -[foo$="bar"] { - a: b; } - - -[foo*="bar"] { - a: b; } - - -[foo|="en"] { - a: b; } - - -:root { - a: b; } - - -:nth-child(n) { - a: b; } - - -:nth-last-child(n) { - a: b; } - - -:nth-of-type(n) { - a: b; } - - -:nth-last-of-type(n) { - a: b; } - - -:first-child { - a: b; } - - -:last-child { - a: b; } - - -:first-of-type { - a: b; } - - -:last-of-type { - a: b; } - - -:only-child { - a: b; } - - -:only-of-type { - a: b; } - - -:empty { - a: b; } - - -:link { - a: b; } - - -:visited { - a: b; } - - -:active { - a: b; } - - -:hover { - a: b; } - - -:focus { - a: b; } - - -:target { - a: b; } - - -:lang(fr) { - a: b; } - - -:enabled { - a: b; } - - -:disabled { - a: b; } - - -:checked { - a: b; } - - -::first-line { - a: b; } - - -::first-letter { - a: b; } - - -::before { - a: b; } - - -::after { - a: b; } - - -.warning { - a: b; } - - -#myid { - a: b; } - - -:not(s) { - a: b; } - - -@media all { - rule1 { - prop: val; } - - rule2 { - prop: val; } } - - -@media screen, print { - rule1 { - prop: val; } - - rule2 { - prop: val; } } - - -@media screen and (-webkit-min-device-pixel-ratio:0) { - a: b; } - - -@media only screen, print and (foo: 0px) and (bar: flam(12px solid)) { - a: b; } - - -:-moz-any(h1, h2, h3) { - a: b; } - - -:-moz-any(.foo) { - a: b; } - - -:-moz-any(foo bar, .baz > .bang) { - a: b; } - - -@-moz-document url(http://www.w3.org/), - url-prefix(http://www.w3.org/Style/), - domain(mozilla.org), - regexp("^https:.*") { - .foo {a: b} -} - - -foo { - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000); - filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000); } - - -foo { - filter: alpha(opacity=20); - filter: alpha(opacity=20, enabled=true); - filter: blaznicate(foo=bar, baz=bang bip, bart=#fa4600); } - - -@foo bar { - a: b; } - -@bar baz { - c: d; } - - -@foo bar; -@bar baz; - - -/* Foo - * Bar */ -/* Baz - * Bang */ - - -.foo { - /* Foo - * Bar */ - /* Baz - * Bang */ } - - -.foo { - /* Foo Bar *//* Baz Bang */ } - - -@namespace "http://www.w3.org/Profiles/xhtml1-strict"; - -@namespace url(http://www.w3.org/Profiles/xhtml1-strict); - -@namespace html url("http://www.w3.org/Profiles/xhtml1-strict"); - -[foo|bar=baz] { - a: b; } - - -[*|bar=baz] { - a: b; } - - -[foo|bar|=baz] { - a: b; } - - -foo|E { - a: b; } - - -*|E { - a: b; } - - -foo|* { - a: b; } - - -*|* { - a: b; } - - -:not(foo|bar) { - a: b; } - - -:not(*|bar) { - a: b; } - - -:not(foo|*) { - a: b; } - - -:not(*|*) { - a: b; } - - -:not(#blah) { - a: b; } - - -:not(.blah) { - a: b; } - - -:not([foo]) { - a: b; } - - -:not([foo^="bar"]) { - a: b; } - - -:not([baz|foo~="bar"]) { - a: b; } - - -:not(:hover) { - a: b; } - - -:not(:nth-child(2n + 3)) { - a: b; } - - -:not(:not(#foo)) { - a: b; } - - -:not(a#foo.bar) { - a: b; } - - -:not(#foo .bar > baz) { - a: b; } - - -:not(h1, h2, h3) { - a: b; } - - -@mixin foo { - a: b; } - - -foo { - a: "bang #{1 + " bar "} bip"; } - - -:nth-child(-n) { - a: b; } - - -:nth-child(+n) { - a: b; } - - -:nth-child(even) { - a: b; } - - -:nth-child(odd) { - a: b; } - - -:nth-child(50) { - a: b; } - - -:nth-child(-50) { - a: b; } - - -:nth-child(+50) { - a: b; } - - -:nth-child(2n+3) { - a: b; } - - -:nth-child(2n-3) { - a: b; } - - -:nth-child(+2n-3) { - a: b; } - - -:nth-child(-2n+3) { - a: b; } - - -:nth-child(-2n+ 3) { - a: b; } - - -:nth-child( 2n + 3 ) { - a: b; } - - -foo { - a: foo bar baz; - b: foo, #aabbcc, -12; - c: 1px/2px/-3px; - d: foo bar, baz/bang; } - - -@page { - prop1: val; - prop2: val; } - - -@page flap { - prop1: val; - prop2: val; } - - -@page :first { - prop1: val; - prop2: val; } - - -@page flap:first { - prop1: val; - prop2: val; } - - -.foo { - /* Foo */ - a: b; } - - -.foo { - /* Foo - * Bar */a: b; } - - -/* Foo */ -.foo { - a: b; } - - -/* Foo - * Bar */.foo { - a: b; } - - -.foo /* .a #foo */ #bar:baz(/* bang )*/ bip) { - a: b; } - - -> E { - a: b; } - - -+ E { - a: b; } - - -~ E { - a: b; } - - -> > E { - a: b; } - - ->> E { - a: b; } - - -E* { - a: b; } - - -E*.foo { - a: b; } - - -E*:hover { - a: b; } - - -E, -F { - a: b; } - - -E -F { - a: b; } - - -E, F -G, H { - a: b; } - - -body { - /* - //comment here - */ -} - - -E>F { a: b;} - -E~F { a: b;} - -E+F { a: b;} - -* { - a: b; } - - -E { - a: b; } - - -E[foo] { - a: b; } - - -E[foo="bar"] { - a: b; } - - -E[foo~="bar"] { - a: b; } - - -E[foo^="bar"] { - a: b; } - - -E[foo$="bar"] { - a: b; } - - -E[foo*="bar"] { - a: b; } - - -E[foo|="en"] { - a: b; } - - -E:root { - a: b; } - - -E:nth-child(n) { - a: b; } - - -E:nth-last-child(n) { - a: b; } - - -E:nth-of-type(n) { - a: b; } - - -E:nth-last-of-type(n) { - a: b; } - - -E:first-child { - a: b; } - - -E:last-child { - a: b; } - - -E:first-of-type { - a: b; } - - -E:last-of-type { - a: b; } - - -E:only-child { - a: b; } - - -E:only-of-type { - a: b; } - - -E:empty { - a: b; } - - -E:link { - a: b; } - - -E:visited { - a: b; } - - -E:active { - a: b; } - - -E:hover { - a: b; } - - -E:focus { - a: b; } - - -E:target { - a: b; } - - -E:lang(fr) { - a: b; } - - -E:enabled { - a: b; } - - -E:disabled { - a: b; } - - -E:checked { - a: b; } - - -E::first-line { - a: b; } - - -E::first-letter { - a: b; } - - -E::before { - a: b; } - - -E::after { - a: b; } - - -E.warning { - a: b; } - - -E#myid { - a: b; } - - -E:not(s) { - a: b; } - - -E F { - a: b; } - - -E > F { - a: b; } - - -E + F { - a: b; } - - -E ~ F { - a: b; } - - -@supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) { - .foo { - a: b; - } -} - - -@-prefix-supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) { - .foo { - a: b; - } -} - - -foo { - foo: bar; - #baz: bang; - #bip: bop; } - - -foo { - a: -2; - b: -2.3em; - c: -50%; - d: -foo(bar baz); } - - -foo { - a: -0.5em; - b: +0.5em; - c: -foo(12px); - d: +foo(12px); - } - - -@charset "UTF-8"; - -foo { - -moz-foo-bar: blat; - -o-flat-blang: wibble; } - -foo { - a: foo(); - b: bar baz-bang() bip; } - - diff --git a/tests/inputs/selectors.scss b/tests/inputs/selectors.scss deleted file mode 100644 index 4c902820..00000000 --- a/tests/inputs/selectors.scss +++ /dev/null @@ -1,282 +0,0 @@ -* { color: blue; } -E { color: blue; } - -E:not(:link) { color: blue; } -E:not(:link):not(:visited) { color: blue; } -E:not(:link, :visited) { color: blue; } -E:matches(:hover, :focus) { color: blue; } - -E.warning { color: blue; } -E#id { color: blue; } -E[foo] { color: blue; } -E[foo="barbar"] { color: blue; } -E[foo="barbar" i] { color: blue; } -E[foo~="hello#$@%@$#^"] { color: blue; } -E[foo^="color: green;"] { color: blue; } -E[foo$="239023"] { color: blue; } -E[foo*="29302"] { color: blue; } -E[foo|="239032"] { color: blue; } - -[foo] { color: blue; } -[foo] .helloWorld { color: blue; } -[foo].helloWorld { color: blue; } -[foo="barbar"] { color: blue; } -[foo~="hello#$@%@$#^"] { color: blue; } -[foo^="color: green;"] { color: blue; } -[foo$="239023"] { color: blue; } -[foo*="29302"] { color: blue; } -[foo|="239032"] { color: blue; } - -E:dir(ltr) { color: blue; } -E:lang(en) { color: blue; } -E:lang(en, fr) { color: blue; } - -E:any-link { color: blue; } -E:link { color: blue; } -E:visited { color: blue; } -E:local-link { color: blue; } -E:local-link(0) { color: red; } -E:local-link(1) { color: white; } -E:local-link(2) { color: red; } -E:target { color: blue; } -E:scope { color: blue; } - -E:current { color: blue; } -E:current(:link) { color: blue; } -E:past { color: blue; } -E:future { color: blue; } - -E:active { color: blue; } -E:hover { color: blue; } -E:focus { color: blue; } -E:enabled { color: blue; } -E:disabled { color: blue; } -E:indeterminate { color: blue; } -E:default { color: blue; } -E:in-range { color: blue; } -E:out-of-range { color: blue; } -E:required { color: blue; } -E:optional { color: blue; } -E:read-only { color: blue; } -E:read-write { color: blue; } - -E:root { color: blue; } -E:empty { color: blue; } -E:first-child { color: blue; } -E:nth-child(odd) { color: blue; } -E:nth-child(2n+1) { color: blue; } -E:nth-child(5) { color: blue; } -E:last-child { color: blue; } -E:nth-last-child(-n+2) { color: blue; } -E:only-child { color: blue; } -E:first-of-type { color: blue; } -E:nth-of-type(2n) { color: blue; } -E:last-of-type { color: blue; } -E:nth-last-of-type(n) { color: blue; } -E:only-of-type { color: blue; } -E:nth-match(odd) { color: blue; } -E:nth-last-match(odd) { color: blue; } - -E:column(n) { color: blue; } -E:nth-column(n) { color: blue; } -E:nth-last-column(n) { color: blue; } - -E F { color: blue; } -E > F { color: blue; } -E + F { color: blue; } -E ~ F { color: blue; } -E /foo/ F { color: blue; } -E! > F { color: blue; } - -// namespaces -[foo|att=val] { color: blue } -[*|att] { color: yellow } -[|att] { color: green } -[att] { color: green } - -// CSS2.1 -E::first-line { color: blue; } -E::first-letter { color: blue; } -E::before { color: blue; } -E::after { color: blue; } - -// CSS3 UI (at risk) -E::choices { color: blue; } -E::value { color: blue; } -E::repeat-index { color: blue; } -E::repeat-item { color: blue; } - -E:first { color: blue; } -E:first-line { color: blue; } -E:first-letter { color: blue; } -E:before{ color: blue; } -E:after { color: blue; } -E:checked { color: blue; } -E:invalid { color: blue; } -E:valid { color: blue; } -E:left { color: blue; } -E:right { color: blue; } - -// -moz experimental -E:any(ol) { color: blue; } -E::selection { color: blue; } - -// one of these is nested property, -// the other is a css block. -div { - font:something { - size: 30em; - } - - font: something { - size: 30em; - } - -} - -// self selector - -.something { - &.world { - color: blue; - } - - & .mold { - height: 200px; - } - - .dog & { - color: blue; - } -} - -.simple { - .dad & .wolf { - color: blue; - } - - .rad&.bad { - color: blue; - } - -} - -div { - .something & .what { - &.world { - color: blue; - } - } -} - -div { - &.foo & { - color: blue; - } - & + & { - color: green; - } -} - -.main, div { - .message div { - .title { - .nice-fonts & { - font-size: 24px; - } - } - } -} - -$name: escape; -.#{$name}\% { - color: red; -} - -.escape-plan\% { - color: green; -} - -.element { - #{".one, .two"} { - property: value; - } -} - -@function H($el:false) -{ - $h: (); - $newList: (); - @each $ord in 1,2,3,4,5,6 { - @if $el { - $h: h#{$ord $el}; - } @else { - $h: h#{$ord}; - } - $newList: append($newList, $h, comma); - } - @return $newList; -} - -@mixin H($prop, $val, $el:false) { - $list: H($el); - #{$list} { - #{$prop}: $val; - } -} - -#secondary { - @include H(color, #e6e6e6); -} - -@function tester() { - @return (foo, bar); -} -.test { - #{tester()} { - border: 1px dashed red; - } -} - -$span: 'span'; -$p: 'p'; -$div: 'div'; - -$all: $span, $p, $div; - -#{$all} { - a { - color: red; - } -} - -.parent { - $sub: unquote(".child"); - $self: unquote("&.self2"); - &.self { // works perfectly - content: "should match .parent.self"; - } - #{$sub} { // works as it should - content: "should match .parent .child"; - } - #{$self} { // does not work (see below) - content: "should match .parent.self2"; - } -} - -.parent { - $selfMultiple: unquote("&.self1, &.self2"); - #{$selfMultiple} { - content: "should match .parent.self1, .parent.self2"; - } - - $trailingSelf: unquote(".self1 &"); - #{$trailingSelf} { - content: "should match .self1 .parent"; - } - - $doubleSelf: unquote("& + &"); - #{$doubleSelf} { - content: "should match .parent + .parent"; - } -} diff --git a/tests/inputs/short_circuit.scss b/tests/inputs/short_circuit.scss deleted file mode 100644 index 84f317a7..00000000 --- a/tests/inputs/short_circuit.scss +++ /dev/null @@ -1,3 +0,0 @@ -$test: if(true, 1, $undefined); -$test: false and $undefined; -$test: true or $undefined; diff --git a/tests/inputs/shorthand.scss b/tests/inputs/shorthand.scss deleted file mode 100644 index a8bef7cb..00000000 --- a/tests/inputs/shorthand.scss +++ /dev/null @@ -1,36 +0,0 @@ -/* short-hand properties */ -div { - // position / background-size - background: 0px 0px / 12px; - background: 25% 75% / cover; - background: center / 50%; - background: left / 3em; - background: right / auto; - background: top / contain; - background: 0px 0px, center / 50% auto; - background: 0px 0px, center / 3em 25%; - - // size / line-height - font: 0.8em / normal; - font: 12px / normal; - font: 80% / normal; - font: large / 34%; - font: large / 3.5; - font: large / 3em; - font: larger / normal; - font: 0.8em / 3.5; - font: 12px / 3em; - font: 80% / 34%; - - /* size | family */ - font: 2em "Open Sans", sans-serif; - - /* style | size | family */ - font: italic 2em "Open Sans", sans-serif; - - /* style | variant | weight | size/line-height | family */ - font: italic small-caps bolder 16px/3 cursive; - - /* The font used in system dialogs */ - font: message-box; -} diff --git a/tests/inputs/values.scss b/tests/inputs/values.scss deleted file mode 100644 index 45123a5f..00000000 --- a/tests/inputs/values.scss +++ /dev/null @@ -1,43 +0,0 @@ - -#values { - color: #eee; - color: #eeeeee; - height: 20px; - width: 80%; - color: "hello world"; - height: url("http://google.com"); - dads: url(http://leafo.net); - padding: 10px 10px 10px 10px, 3px 3px 3px; - textblock: "This is a \ -multiline block \ -#not { color: #eee;}"; - margin: 4,3,1; - content: "This is a \ -multiline string."; - border-radius: -1px -1px -1px black; -} - -#subtraction { - lit: 10 -11; - lit: 10 - 11; - lit: 10- 11; - lit: 10-11; - - $num: 100; - var: 10 -$num; - var: 10 - $num; - var: 10- $num; - var: 10-$num; -} - - -#special { - a: 12px expression(1 + (3 / Foo.bar("baz" + "bang") + function() {return 12;}) % 12); -} - -#unary { - b: +0.5em; - c: -foo(12px); - d: +foo(12px); -} - diff --git a/tests/inputs/variables.scss b/tests/inputs/variables.scss deleted file mode 100644 index d6461a86..00000000 --- a/tests/inputs/variables.scss +++ /dev/null @@ -1,89 +0,0 @@ - -$color: red, two, three; - -div { - height: $color; -} - -$a: 1000; - -div { - $a: 2000 !default; - num: $a; -} - -div { - $b: 2000 !default; - num: $b; -} - -$cool_color: null; -$cool_color: blue !default; - -pre { - color: $cool_color; -} - -$something_man: 100px; -cool: $something_man; - - -del { - $something: blue; - - div { - $something: red; - pre { - color: $something; - } - } - - color: $something; -} - -$font-family-simple: Arial !default; -$font-family-spaces: Helvetica Neue !default; -$font-family-quotes: "Helvetica Neue" !default; -$font-family-commas: Helvetica, Arial, sans-serif !default; -$font-family-sans: "Helvetica Neue", Helvetica, Arial, sans-serif !default; - -body { - font-family: $font-family-simple; - font-family: $font-family-spaces; - font-family: $font-family-quotes; - font-family: $font-family-commas; - font-family: $font-family-sans; -} - -#main { - $width: 5em !global; - width: $width; -} - -#sidebar { - width: $width; -} - -@mixin example { - $color: red; -} - -A { - $color: green; - @include example; - color: $color; -} - -$цвет : #000; - -body -{ - color: $цвет; -} - -$test: 12 !default !global; - -* { - // Expected: 12 - data: $test; -} diff --git a/tests/outputs/at_root.css b/tests/outputs/at_root.css deleted file mode 100644 index 5383eaab..00000000 --- a/tests/outputs/at_root.css +++ /dev/null @@ -1,76 +0,0 @@ -.parent-inline-selector { - color: white; } - .child { - color: black; } - -.parent-block { - color: white; } - .child1 { - color: green; } - .child2 { - color: blue; } - .parent-block .step-child { - color: black; } - -.first { - color: red; } - -body .second { - color: white; - color: black; } - .nested1 { - color: blue; - color: orange; } - .nested2 { - color: yellow; } - -.third { - color: green; } - -@media print { - .page { - width: 8in; } } - .page { - color: red; } - -@media (min-width: 300px) { - .my-widget .inside-mq { - inside-style: mq; } } - .my-widget .outside-mq { - outside-style: mq; } - .outside-class { - color: blue; } - @media (min-width: 300px) { - .with-only { - color: pink; } } - -@media screen and (max-width: 320px) { - .foo { - margin: 0; } } - @media screen and (max-width: 320px) { - .bar { - padding: 0; } } - .baar { - padding: 0; } - .foo .barr { - padding: 0; } - - - .foo .bar { - width: 0; } - @supports ( display: flex ) { - .baz { - height: 0; } } - @media screen and (max-width: 640px) { - .qux { - margin: 0; } } - @media screen and (max-width: 640px) { - .foo .quux { - padding: 0; } } - .foo .quix { - padding: 0; } - -.test .test2 { - padding: 0px; } - tbody { - padding: 10px; } diff --git a/tests/outputs/builtins.css b/tests/outputs/builtins.css deleted file mode 100644 index 50e2a82e..00000000 --- a/tests/outputs/builtins.css +++ /dev/null @@ -1,161 +0,0 @@ -#color { - color: #22ea18; - red: 34; - green: 234; - blue: 24; - color: rgba(1, 2, 4, 0.5); - a1: 1; - a2: 0.5; - mix: #020304; - rgba: rgba(170, 119, 204, 0.4); - rgba: rgba(170, 119, 204, 0.4); - green: 139; } - -#hsl { - color: #79c653; - color: rgba(121, 198, 83, 0.5); - hue: 100deg; - sat: 50%; - lig: 55%; } - -#more-color { - light: #7e3d9e; - dark: #432154; - sat: #632782; - desat: #5e3871; - gray: #545454; - comp: #48792f; - inv: #9fd086; } - -#more-more-color { - op: 0.5; - opacify: rgba(1, 2, 3, 0.6); - opacify: rgba(1, 2, 3, 0.6); - transparentize: rgba(1, 2, 3, 0.4); - transparentize: rgba(1, 2, 3, 0.4); - transparentize: rgba(52, 130, 3, 0.9); } - -#more-more-more-color { - color: rgba(65, 110, 79, 0.4); - color: rgba(20, 255, 216, 0); - color: rgba(55, 100, 69, 0.4); - color: rgba(0, 255, 213, 0); - color: rgba(145, 10, 10, 0); - color: rgba(5, 10, 10, 0); - color: rgba(145, 145, 145, 0); - color: rgba(5, 5, 5, 0); - color: #000A0A0A; - color: #FFAABBCC; } - -#string { - color: hello what is going on; - color: "yeah"; - color: "I do?"; - color: 2; - color: sinserttring; - color: 6; - color: tri; - color: trin; - color: 'string'; - color: STRING; - color: string; - color: string; - color: tring; - color: ring; - color: ing; - color: ng; - color: g; - color: ng; - color: ing; - color: ring; - color: tring; - color: s; - color: st; - color: string; - color: strin; } - -#number { - color: 250%; - color: 50%; - color: 3; - color: 3; - color: 4; - top: 10px; - top: 1ex; - width: 200%; - bottom: 10px; - padding: 3em 1in 96px 72pt; } - -#list { - len: 3; - len: 1; - n: hello; - hello: one, two, three, hello; - hello: one, two, three, hello, world, what, is, going; - hello: one, two, three, hello; - index: 2; - index: 3; - index: 1; - index: 1; - index: 2; - index: 2; - index: 1; - display: 1; - world: one, two, three, great, job; - world: one, two, three, great job; - cool: one two three great job; - cool: great job one two three; - zip: 1px solid, 2px dashed; - zip: 1px solid red, 2px dashed green; } - -#introspection { - t: number; - t: string; - t: string; - t: bool; - t: color; - t: color; - t: list; - u: ""; - u: "px"; - u: "em"; - l: true; - l: false; - c: true; - c: false; - c: true; - c: true; - c: false; - c: true; } - -#if { - color: yes; - color: no; - color: yes; - color: yes; } - -.transparent { - r: 0; - g: 0; - b: 0; - a: 0; } - -.alpha { - a: 1; - a: 1; - a: 1; - a: 0.5; - a: alpha(currentColor); } - -#exists { - a: true; - b: true; - c: false; } - -div.call-tests { - a: #0a64ff; - b: #0058ef; - c: b; } - -div.unquote-test { - a: [type='text']; } diff --git a/tests/outputs/comments.css b/tests/outputs/comments.css deleted file mode 100644 index f6f8d184..00000000 --- a/tests/outputs/comments.css +++ /dev/null @@ -1,32 +0,0 @@ -/** what the heck **/ -/** - Here is a block comment - **/ -/*hello*/ -div { - /*yeah*/ - border: 1px solid red; - /* another property */ - color: url('http://mage-page.com'); - string: "hello /* this is not a comment */"; - world: "// neither is this"; - string: 'hello /* this is not a comment */'; - /*what if this is a comment */ - world: '// neither is this'; - what-ever: 100px; - background: url(); - /*this is not a comment?*/ } - -.dummy { - color: blue; } -/* comment 1 */ -a { - /* comment 2 */ - /* comment 3 */ - color: red; - /* comment 4 */ - background-color: red; - /* comment 5 */ - /* comment 6 */ } -/* comment 7 */ -/* коммент */ diff --git a/tests/outputs/compass_extract.css b/tests/outputs/compass_extract.css deleted file mode 100644 index 8ae7f379..00000000 --- a/tests/outputs/compass_extract.css +++ /dev/null @@ -1,28 +0,0 @@ -#test-0 { - unit: false; - unit: true; - rhythm: 1.5em; - size: 1; - size: 1; - size: 1; - size: 2; - size: 2; } - -#test-1 { - margin-top: 7.5em; - padding-top: 9em; - padding-bottom: 10.5em; - margin-bottom: 0em; } - -#test-2 { - border-style: solid; - border-width: 0.0625em; - padding: 1.4375em; } - -#test-3 { - border-top-style: solid; - border-top-width: 0.0625em; - padding-top: 1.4375em; - border-bottom-style: solid; - border-bottom-width: 0.0625em; - padding-bottom: 1.4375em; } diff --git a/tests/outputs/content.css b/tests/outputs/content.css deleted file mode 100644 index 6b24aca3..00000000 --- a/tests/outputs/content.css +++ /dev/null @@ -1,42 +0,0 @@ -* html #logo { - background-image: url(/logo.gif); } - -.colors { - background-color: blue; - color: white; - border-color: blue; } - -@media only screen and (max-width: 480px) { - body { - color: red; } } - -#sidebar { - width: 300px; } - @media only screen and (max-width: 480px) { - #sidebar { - width: 100px; } } - -@media only screen and (min-width: 40em) { - .grid-1 { - width: 100%; } - .grid-2 { - width: 100%; } } - -@media only screen and (min-width: 40em) { - .grid-1 { - width: 100%; } - .grid-2 { - width: 100%; } } - -* html * body #logo { - background-image: url(/logo.gif); } - -A { - top: 10px; } - -.test { - display: none; } - -.test_empty_content { - display: inline; - font-weight: bold; } diff --git a/tests/outputs/content_with_function.css b/tests/outputs/content_with_function.css deleted file mode 100644 index 185fe666..00000000 --- a/tests/outputs/content_with_function.css +++ /dev/null @@ -1,2 +0,0 @@ -body { - padding: 1 px; } diff --git a/tests/outputs/default_args.css b/tests/outputs/default_args.css deleted file mode 100644 index 19379e0c..00000000 --- a/tests/outputs/default_args.css +++ /dev/null @@ -1,3 +0,0 @@ -div { - height: red; - margin: 100px; } diff --git a/tests/outputs/directives.css b/tests/outputs/directives.css deleted file mode 100644 index 3ae63034..00000000 --- a/tests/outputs/directives.css +++ /dev/null @@ -1,102 +0,0 @@ -@charset "hello-world"; -@page :left { - div { - color: red; } } - -@page test { - @media yes { - div { - color: red; } } } - -@media something { - @page { - @media else { - div { - height: 200px; } } } } - -div { - color: red; } - @page yeah { - div pre { - height: 20px; } } - -@font-face { - color: red; - height: 20px; } - -@keyframes 'bounce' { - from { - top: 100px; - animation-timing-function: ease-out; } - - 25% { - top: 50px; - animation-timing-function: ease-in; } - - 50% { - top: 100px; - animation-timing-function: ease-out; } - - 75% { - top: 75px; - animation-timing-function: ease-in; } - - to { - top: 100px; } } - -@-webkit-keyframes flowouttoleft { - 0% { - -webkit-transform: translateX(0) scale(1); } - - 60%, 70% { - -webkit-transform: translateX(0) scale(0.7); } - - 100% { - -webkit-transform: translateX(-100%) scale(0.7); } } - -div { - animation-name: 'diagonal-slide'; - animation-duration: 5s; - animation-iteration-count: 10; } - -@keyframes 'diagonal-slide' { - from { - left: 0; - top: 0; } - - to { - left: 100px; - top: 100px; } } - -@document url(http://www.w3.org/), - url-prefix(http://www.w3.org/Style/), - domain(mozilla.org), - regexp("https:.*") { - body { - color: purple; - background: yellow; } } - -@keyframes anim-rotate { - 0% { - transform: rotate(0); } - - 100% { - transform: rotate(360deg); } } - -.bold, .icon-ajax { - font-weight: 700; } - -.custom-selector { - color: blue; } - -@-webkit-keyframes zoomer { - from { - transform: scale(0.5); } - to { - transform: scale(1); } } - -@keyframes zoomer { - from { - transform: scale(0.5); } - to { - transform: scale(1); } } diff --git a/tests/outputs/extends.css b/tests/outputs/extends.css deleted file mode 100644 index 6a8dd855..00000000 --- a/tests/outputs/extends.css +++ /dev/null @@ -1,165 +0,0 @@ -error, pre seriousError, span seriousError, other, hello { - border: 1px #f00; - background-color: #fdd; } - -pre seriousError, span seriousError { - font-size: 20px; } - -hello { - color: green; } - hello div { - margin: 10px; } - -.cool, .me { - color: red; } - -.blue, .me { - color: purple; } - -a:hover, .hoverlink, #demo .overview .fakelink:hover { - text-decoration: underline; } - -div.hello.world.hmm, pre div.okay.span.world.hmm, pre #butt .umm div.sure.span.world.hmm, #butt .umm pre div.sure.span.world.hmm, code div.okay.span.world.hmm, code #butt .umm div.sure.span.world.hmm, #butt .umm code div.sure.span.world.hmm { - color: blue; } - -.xxxxx .xxxxx .xxxxx, code .xxxxx .xxxxx, code code .xxxxx, code code code, code .xxxxx code, .xxxxx code .xxxxx, .xxxxx code code, .xxxxx .xxxxx code { - color: green; } - -code { - color: red; } - -.alpha, .beta, .gama { - color: red; } - -.beta, .gama { - color: white; } - -.gama { - color: blue; } - -#admin .tabbar a, #admin .tabbar #demo .overview .fakelink, #demo .overview #admin .tabbar .fakelink { - font-weight: bold; } - -a1 b1 c1 d1, x1 y1 z1 w1 b1 c1 d1 { - color: red; } - -a2 b2 c2 d2, a2 x2 y2 z2 w2 c2 d2, x2 y2 z2 a2 w2 c2 d2 { - color: red; } - -a3 b3 c3 d3, a3 b3 x3 y3 z3 w3 d3, x3 y3 z3 a3 b3 w3 d3 { - color: red; } - -a4 b4 c4 d4, a4 b4 c4 x4 y4 z4 w4, x4 y4 z4 a4 b4 c4 w4 { - color: red; } - -#butt .yeah .okay, #butt .yeah .umm .sure, #butt .umm .yeah .sure { - font-weight: bold; } - -a9 b9 s9 t9 v9, a9 b9 s9 t9 x9 y9 z9, a9 b9 x9 y9 s9 t9 z9 { - color: red; } - -@media print { - horse, man { - color: blue; } } - -man { - color: red; } - -wassup { - color: blue; } - -.foo .wassup { - color: blue; } - -#something, .x, .y { - color: red; } - -.nav-justified, .nav-tabs.nav-justified { - text-align: justify; } - -.btn:hover, .edit .actions button:hover, .edit .new .actions button:hover, .btn:active, .edit .actions button:active, .edit .new .actions button:active, .btn.active, .edit .actions button.active, .edit .new .actions button.active, .btn.disabled, .edit .actions button.disabled, .edit .new .actions button.disabled, .btn[disabled], .edit .actions button[disabled], .edit .new .actions button[disabled] { - color: red; } - -.edit .actions button { - float: right; } - -.edit .new .actions { - padding: 0; } - .z, .parent .self.z { - color: red; } - -#content .social-login { - display: block; - float: right; - margin-right: 15px; - width: 250px; } - #content .social-login .facebook, #content .social-login .twitter { - display: block; - width: 255px; - height: 42px; - background: transparent url('images/login-btns.png') no-repeat; - background-position: 0 0; } - #content .social-login .facebook:hover, #content .social-login .twitter:hover { - background-position: 0 -43px; } - #content .social-login .facebook:focus, #content .social-login .twitter:focus, #content .social-login .facebook:active, #content .social-login .twitter:active { - background-position: 0 -86px; } - #content .social-login .twitter { - background-position: 0 -129px; } - #content .social-login .twitter:hover { - background-position: 0 -172px; } - #content .social-login .twitter:active, #content .social-login .twitter:focus { - background-position: 0 -215px; } - -body .to-extend, body .test { - color: red; } - .navbar .navbar-brand, .navbar .navbar-brand:hover { - font-weight: bold; - text-shadow: none; - color: #fff; } - .foo__bar#test, input { - background: red; } - -.selector1, .master-class { - color: blue; } - -.selector2, .master-class { - background: #ccc; } - -.main .block__element, .main .block__element--modifier { - font-size: 14px; } - .main .block__element--modifier { - font-weight: bold; } - -.pagination-bullet { - width: 6px; - height: 6px; - margin-left: 5px; } - .pagination-bullet:first-child { - margin-left: 0; } - .pagination-bullet.is-active { - background-color: white; } - -.parent-nested-foo-include .in-nested-foo .child-nested-foo-include, .parent-nested-foo-include .in-nested-foo .beard + .mustache { - color: green; } - -.btn-group > .btn-lg, .btn-group-lg.btn-group > .btn, .edit .actions .btn-group-lg.btn-group > button, .edit .new .actions .btn-group-lg.btn-group > button { - padding-right: 12px; - padding-left: 12px; } - -.fp-content-center form + div { - padding-left: 0; } - -.form-inline + .a .form-group > b, .form-inline + .a .fp-content-center form + div > b, .fp-content-center .form-inline + .a form + div > b { - margin-bottom: 0; } - -canvas, object, embed.bar { - color: yellow; } - -.popup, input, img.bar, .prepend input.foo, .prepend div.foo { - color: red; } - -div.popup, .prepend div.foo { - color: blue; } - -.before span.popup .after { - color: green; } diff --git a/tests/outputs/extends_nesting.css b/tests/outputs/extends_nesting.css deleted file mode 100644 index 42329481..00000000 --- a/tests/outputs/extends_nesting.css +++ /dev/null @@ -1,28 +0,0 @@ -.btn, .extend .the-button { - padding: 1px; } - -.btn-lg, .btn-group-lg > .btn, .extend .btn-group-lg > .the-button { - font-size: 10px; } - -.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .extend .btn-group-lg > .the-button .caret, .extend .dropup .btn-group-lg > .the-button .caret { - border-width: 100px; } - -.dropup .btn, .dropup .extend .the-button, .extend .dropup .the-button { - content: "dropup btn"; } - .dropup .btn .caret, .dropup .extend .the-button .caret, .extend .dropup .the-button .caret { - content: "dropup btn caret"; } - -.dropup > .btn, .extend .dropup > .the-button { - content: "dropup > btn"; } - .dropup > .btn > .caret, .extend .dropup > .the-button > .caret { - content: "dropup > btn > caret"; } - -.dropup + .btn, .extend .dropup + .the-button { - content: "dropup + btn"; } - .dropup + .btn + .caret, .extend .dropup + .the-button + .caret { - content: "dropup + btn + caret"; } - -.dropup.btn, .extend .the-button.dropup { - content: "dropupbtn"; } - .dropup.btn.caret, .extend .the-button.dropup.caret { - content: "dropupbtncaret"; } diff --git a/tests/outputs/filter_effects.css b/tests/outputs/filter_effects.css deleted file mode 100644 index 7d0bee83..00000000 --- a/tests/outputs/filter_effects.css +++ /dev/null @@ -1,20 +0,0 @@ -#number { - -webkit-filter: grayscale(1) sepia(0.5) saturate(0.1) invert(1) opacity(0.5) brightness(0.5) contrast(0.5); } - -#percentage { - -webkit-filter: grayscale(100%) sepia(50%) saturate(10%) invert(100%) opacity(50%) brightness(50%) contrast(50%); } - -#misc { - -webkit-filter: hue-rotate(90deg) blur(10px) drop-shadow(10px -16px 30px purple); } - -#decimal { - opacity: 0.5; - filter: alpha(opacity=50, style=1); } - -#percent { - opacity: 0.5; - filter: alpha(opacity=50); } - -.row { - background-color: #071c23; - color: #2284a1; } diff --git a/tests/outputs/functions.css b/tests/outputs/functions.css deleted file mode 100644 index aa0bebbb..00000000 --- a/tests/outputs/functions.css +++ /dev/null @@ -1,51 +0,0 @@ -div { - color: 14px; - sum: 23; } - -div { - hello: 10 55; - hello: 1010 55; - hello: "hello 10 and 55"; } - -del { - color: 1000; } - -div { - hello: "hello foo and bar"; - hello: "hello bar and default"; - hello: "hello Alice, Bob, Tom"; } - -.foo { - test2: -moz-art; } - -div span { - height: 3px; } - -div { - width: 2; } - -p { - color: arglist; } - -.test { - display: 'global'; - display: 'test-mixin'; - display: 'test-mixin'; - display: 'global'; } - -.test-inspect { - n: null; - b1: true; - b2: false; - n1: 0; - s1: ''; - s2: 'hello'; - l1: 1 2; - l2: 3 4; - l3: 5, 6; - l4: (a: 1, b: 2); - l5: (a: 1, b: 2); } - -div { - margin: 1px 1px 2px 2px; - padding: 1px 1px 2px 2px; } diff --git a/tests/outputs/ie7.css b/tests/outputs/ie7.css deleted file mode 100644 index 7196fb19..00000000 --- a/tests/outputs/ie7.css +++ /dev/null @@ -1,8 +0,0 @@ -#foo:before { - content: counter(item,".") ": "; } - -#bar:before { - content: counter(item,"."); } - -#fu:before { - content: counter(item); } diff --git a/tests/outputs/if.css b/tests/outputs/if.css deleted file mode 100644 index b9d05205..00000000 --- a/tests/outputs/if.css +++ /dev/null @@ -1,21 +0,0 @@ -div { - color: blue; } - -pre { - val-1: "red"; - val-2: "blue"; - val-3: "blue"; - val-4: "red"; - val-5: "red"; } - -span { - color: blue; - height: 10px; - width: 20px; } - -div { - color: blue; - border-color: green; } - -del { - thing: no; } diff --git a/tests/outputs/if_on_null.css b/tests/outputs/if_on_null.css deleted file mode 100644 index 2dfca956..00000000 --- a/tests/outputs/if_on_null.css +++ /dev/null @@ -1,2 +0,0 @@ -body { - background-color: "red"; } diff --git a/tests/outputs/import.css b/tests/outputs/import.css deleted file mode 100644 index 1cd9b6b4..00000000 --- a/tests/outputs/import.css +++ /dev/null @@ -1,27 +0,0 @@ -@import "foo.css"; -@import "foo" screen; -@import "http://foo.com/bar"; -@import url(foo); -div { - height: 200px; - color: red; } - -pre { - color: red; } - pre div { - height: 200px; - color: red; } - -code div { - height: 200px; - color: red; } - code div { - height: 200px; - color: red; } - -#partial { - color: blue; } - -body { - color: #7c2; - background: gray; } diff --git a/tests/outputs/interpolation.css b/tests/outputs/interpolation.css deleted file mode 100644 index d3084575..00000000 --- a/tests/outputs/interpolation.css +++ /dev/null @@ -1,63 +0,0 @@ -div { - color: redwhite blue; - color: red white blue; - color: red whiteblue; - color: redwhiteblue; - color: ummyeahwhat; - color: stacked; - font-size: 10px/something; - font-size: 10px / something; - test: "whatworldwrong"; - test: "whatworldwrong"; - test: "whatworldwrong"; - test: "what"world"wrong"; - hi: "what is 16 end"; } - -pre var { - color: red; } - pre var dad { - color: red; } - pre bedvardad { - color: red; } - -cool .thing-1 { - color: red; } - cool .thing-2 { - color: red; } - cool .thing-3 { - color: red; } - cool .thing-4 { - color: red; } - cool .thing-5 { - color: red; } - -abcde { - color: red; } - -#hello, .world { - color: red; } - -#abchelloyeah, .coolworldyes { - color: red; } - -div.element:nth-child(2n) { - display: none; } - -div { - hello: world; - coolhello: world; - helloone: world; - twohelloone: world; - oneabtwo: cool; - hello-world: red; - hello-mold: white; - hello-hello: blue; } - -body { - color: 3; } - -foo, x, y { - color: #abc; } - -div { - prop: a, b; } diff --git a/tests/outputs/keyword_args.css b/tests/outputs/keyword_args.css deleted file mode 100644 index 441c4ab3..00000000 --- a/tests/outputs/keyword_args.css +++ /dev/null @@ -1,6 +0,0 @@ -pre { - out: alpha fort three palace; } - -div { - hello: 5; - world: -5; } diff --git a/tests/outputs/list.css b/tests/outputs/list.css deleted file mode 100644 index 7358b340..00000000 --- a/tests/outputs/list.css +++ /dev/null @@ -1,22 +0,0 @@ -div { - padding: 10px 20px 30px 40px; - margin: 0 10px 10px 10px; - background: linear-gradient(black, white); } - -p { - background: linear-gradient(red, blue); } - -div { - x: 2; - z: 2; } - -div { - a: 10px; - b: -20px; - c: 30px; - d: 30px; } - -div { - x: space; - y: comma; - z: space; } diff --git a/tests/outputs/looping.css b/tests/outputs/looping.css deleted file mode 100644 index 2d313b1f..00000000 --- a/tests/outputs/looping.css +++ /dev/null @@ -1,85 +0,0 @@ -div { - color: what; - color: is; - color: this; - font: what; - font: is; - font: this; - background: what; - background: is; - background: this; - border: what; - border: is; - border: this; - background: what what; - background: is is; - background: this this; - background: what what; - background: is is; - background: this this; - color: red; } - div h1 { - font-size: 2em; } - div h2 { - font-size: 1.5em; } - div h3 { - font-size: 1.2em; } - -span { - color: 0; - color: 1; - color: 2; - color: 3; - color: 4; - color: 5; - color: 6; - color: 7; - color: 8; - color: 9; - color: 10; } - -pre { - color: 1; - color: 2; - color: 3; - color: 4; - height: 1; - height: 2; - height: 3; - height: 4; - height: 5; - cool: 10; - cool: 9; - cool: 8; - cool: 7; - cool: 6; - cool: 5; - cool: 4; - cool: 3; } - -div { - a: false; - b: true; - c: true; - c: true; } - -body.each { - color: 1; - background-color: 2; - color: 3; - background-color: 4; - color: 5; } - -body.for { - color: 1; - background-color: 2; - color: 3; - background-color: 4; - color: 5; } - -body.while { - color: 1; - background-color: 2; - color: 3; - background-color: 4; - color: 5; } diff --git a/tests/outputs/map.css b/tests/outputs/map.css deleted file mode 100644 index 9c38094a..00000000 --- a/tests/outputs/map.css +++ /dev/null @@ -1,20 +0,0 @@ -div { - color: black; - color: red; - foo: black, red, #0f0; - bar: color, length; - baz: (color: #fff, color2: red, 'color3': #0f0, length: 40em); - foo: (length: 40em); - bar: true; } - -div { - foo: color black; - bar: color; } - .black { - background-color: #000 !important; } - -div { - a: 1; - b: 2; - color: 1; - background-color: 2; } diff --git a/tests/outputs/media.css b/tests/outputs/media.css deleted file mode 100644 index 66276527..00000000 --- a/tests/outputs/media.css +++ /dev/null @@ -1,103 +0,0 @@ -@media { - div { - color: blue; } } - -@media what { - div { - color: blue; } } - -@media (cool) { - div { - color: blue; } } - -@media (cool: blue) { - div { - color: blue; } } - -@media hello and (world) and (butt: man) { - div { - color: blue; } } - -@media (max-width: 940px) { - color: red; } - -@media not hello and (world) { - color: blue; - pre { - color: blue; } } - @media butt and (world) { - color: red; - div { - color: red; } } - -div { - color: blue; } - @media screen and (-webkit-min-device-pixel-ratio: 1.5) { - div .sidebar { - width: 500px; } } - -div { - position: absolute; } - @media screen { - div { - top: 0; - bottom: 8em; - color: red; } - div p { - margin: 5px; } - - div .success { - color: green; } } - -.button { - width: 300px; - height: 100px; - background: #eee; } - .button :hover { - background: #aaa; } - @media only screen and (max-width: 300px) { - .button { - width: 100px; - height: 100px; } } - -code { - position: absolute; } - @media screen { - code { - height: 10px; } - code pre { - height: 20px; } } - -@media screen and (color: blue) { - dt { - height: 10px; } } - -@media screen { - .screen { - width: 12px; } } - @media only screen { - .only-screen { - height: 11px; } } - -@media only screen { - .only-screen { - width: 14px; } } - @media only screen { - .only-screen { - height: 16px; } } - -@media print { - .only-print { - height: 12px; } } - -@media screen { - .only-print { - height: 12px; } } - -@media not screen { - .not-screen { - height: 15px; } } - -@media only screen and (color: blue) and (width: 13) { - .only-screen { - height: 15px; } } diff --git a/tests/outputs/mixins.css b/tests/outputs/mixins.css deleted file mode 100644 index ee692574..00000000 --- a/tests/outputs/mixins.css +++ /dev/null @@ -1,104 +0,0 @@ -div { - color: blue; - color: red; } - div pre { - height: 200px; } - -span { - color: blue; } - span div { - height: 20px; } - -html { - height: 43px; } - -del { - height: 20px; } - -div { - color: white; - color: blue; - color: white; } - -div { - background-image: linear-gradient(left top, red, green); } - -div { - -moz-box-shadow: 10px 10px 5px #888; - -webkit-box-shadow: 10px 10px 5px #888; - box-shadow: 10px 10px 5px #888; - -moz-box-shadow: inset 10px 10px #888, -10px -10px #f4f4f4; - -webkit-box-shadow: inset 10px 10px #888, -10px -10px #f4f4f4; - box-shadow: inset 10px 10px #888, -10px -10px #f4f4f4; } - -div p { - color: red; - color: blue; } - div p .class { - color: red; } - div p .class div { - height: 20px; } - div p div { - height: 20px; } - div p .top { - top: 0; } - div p .top div { - color: red; } - -div.mixin-content-simple { - color: red; } - -div.mixin-content-with-arg { - background: blue; - color: red; } - -div.mixin-content-with-arg { - background: purple; - height: 20px; } - -div.mixin-content-simple { - height: 43px; } - -div.mixin-content-simple { - color: orange; } - div.mixin-content-simple div { - height: 20px; } - -div.mixin-content-with-arg { - background: purple; - height: 43px; } - -div.mixin-content-with-arg { - background: purple; - color: orange; } - div.mixin-content-with-arg div { - height: 20px; } - -#please-wait { - background: url(/images/logo.png); - position: absolute; - top: 1em; - right: 0; - bottom: 3em; - left: 4em; } - -div.parameter-name-scope { - -webkit-transform: translateX(50px); } - -@-webkit-keyframes change-color { - 0% { - color: green; } - - 100% { - color: red; } } - -@media screen and (min-width:0\0) { - .test { - color: #000; } } - -div { - content: "div"; - content: "div"; } - div p { - content: "p"; - content: "p"; } diff --git a/tests/outputs/nested_mixins.css b/tests/outputs/nested_mixins.css deleted file mode 100644 index 432580b8..00000000 --- a/tests/outputs/nested_mixins.css +++ /dev/null @@ -1,9 +0,0 @@ -div .container { - width: 10px; } - div .container .container { - width: 10px; - max-width: 12px; } - div .container .foo { - width: 10px; } - div .container .bar { - width: 12px; } diff --git a/tests/outputs/nesting.css b/tests/outputs/nesting.css deleted file mode 100644 index 23be1881..00000000 --- a/tests/outputs/nesting.css +++ /dev/null @@ -1,22 +0,0 @@ -div: blue; -body { - color: red; } - -div { - color: red; - height: yes; } - div pre { - color: blue; } - -div { - font: 10px hello world; - font-size: 10px; - font-color: blue; - border-left: 1px solid blue; - border-right: 2px dashed green; } - -#nested-nesting { - bar: baz; - bang-bop: bar; - bang-bip: 1px; - bang-blat-baf: bort; } diff --git a/tests/outputs/null.css b/tests/outputs/null.css deleted file mode 100644 index b21aa46e..00000000 --- a/tests/outputs/null.css +++ /dev/null @@ -1,21 +0,0 @@ -.div { - one: null; - one: world; - one: NULL world; - one: a, b; - two: a, b; } - -p:before { - content: "I ate pies!"; } - -.foo { - -webkit-border-radius: 10; - border-radius: 10; } - -.fu { - -webkit-border-radius: 20; - border-radius: 20; } - -.bar { - -webkit-border-top-left-radius: 30; - border-top-left-radius: 30; } diff --git a/tests/outputs/parsing_comments.css b/tests/outputs/parsing_comments.css deleted file mode 100644 index 67d63378..00000000 --- a/tests/outputs/parsing_comments.css +++ /dev/null @@ -1,50 +0,0 @@ -/* comment 1 */ -a { - /* comment 2 */ - color: red; - /* comment 3 */ - /* comment 4 */ } -/* comment 5 */ -/*! comment 1 */ -b { - /*! comment 2 */ - color: red; - /*! comment 3 */ - /*! comment 4 */ } -/*! comment 5 */ -/* - * multi-line comment 1 - */ -c { - /* - * multi-line comment 2 - */ - color: red; - /* - * multi-line comment 3 - */ - /* - * multi-line comment 4 - */ } -/* - * multi-line comment 5 - */ -/*! - * multi-line comment 1 - */ -d { - /*! - * multi-line comment 2 - */ - color: red; - /*! - * multi-line comment 3 - */ - /*! - * multi-line comment 4 - */ } -/*! - * multi-line comment 5 - */ -e { - color: red; } diff --git a/tests/outputs/placeholder_selector.css b/tests/outputs/placeholder_selector.css deleted file mode 100644 index 5c630174..00000000 --- a/tests/outputs/placeholder_selector.css +++ /dev/null @@ -1,10 +0,0 @@ -p a.notice span, p a.error span, #context a.notice span, #context a.error span { - color: blue; - font-weight: bold; - font-size: 2em; } - -p { - padding: 2em; } - -.layout { - color: red; } diff --git a/tests/outputs/scss_css.css b/tests/outputs/scss_css.css deleted file mode 100644 index b26a1c5b..00000000 --- a/tests/outputs/scss_css.css +++ /dev/null @@ -1,769 +0,0 @@ -@charset "UTF-8"; -@import "foo.css"; -@import 'foo.css'; -@import url("foo.css"); -@import url('foo.css'); -@import url(foo.css); -@import "foo.css" screen; -@import "foo.css" screen, print; -@import "foo.css" screen, print and (foo: 0); -@import "foo.css" screen, only print, screen and (foo: 0); -[foo~=bar] { - a: b; } - -[foo^=bar] { - a: b; } - -[foo$=bar] { - a: b; } - -[foo*=bar] { - a: b; } - -[foo|=en] { - a: b; } - -foo { - a: 2; - b: 2.3em; - c: 50%; - d: "fraz bran"; - e: flanny-blanny-blan; - f: url(http://sass-lang.com); - h: #abc; } - -selector { - property: value; - property2: value; } - -sel { - p: v; } - -.foo { - /* Foo - Bar - Baz */ - a: b; } - -.foo { - /* Foo - Bar - Baz */ - a: b; } - -.foo { - /* Foo - Bar */ - a: b; } - -.foo { - /* Foo - Bar - Baz */ - a: b; } - -@foo { - a: b; - rule { - a: b; } } - -@foo { - a: b; } - -@bar { - a: b; } - -@foo "bar" - -foo { - a: 12px calc(100%/3 - 2*1em - 2*1px); - b: 12px -moz-calc(100%/3 - 2*1em - 2*1px); - b: 12px -webkit-calc(100%/3 - 2*1em - 2*1px); - b: 12px -foobar-calc(100%/3 - 2*1em - 2*1px); } - -foo { - bar: baz; } - -bar { - bar: baz; } - -baz { - bar: baz; } -/* - * foo - */ -bar { - baz: bang; } - -E, F { - a: b; } - -E F, G H { - a: b; } - -E > F, G > H { - a: b; } -/* This is a CSS comment. */ -.one { - color: green; } -/* Another comment */ -/* The following should not be used: - .two {color: red;} */ -.three { - color: green; - /* color: red; */ } -/** - .four {color: red;} */ -.five { - color: green; } -/**/ -.six { - color: green; } -/*********/ -.seven { - color: green; } -/* a comment **/ -.eight { - color: green; } - -foo { - a: \foo bar; - b: foo\ bar; - c: \2022 \0020; - d: foo\\bar; - e: foo\"\'bar; } - -foo { - a: "\foo bar"; - b: "foo\ bar"; - c: "\2022 \0020"; - d: "foo\\bar"; - e: "foo\"'bar"; } - -foo { - _name: val; - *name: val; - :name: val; - .name: val; - #name: val; - name/**/: val; - name/*\**/: val; - name: val; } - -@foo "bar" ; - -foo { - a: -moz-element(#foo); - b: -webkit-element(#foo); - b: -foobar-element(#foo); } - -@foo ; - -foo { - bar: baz; } - -0% { - a: b; } - -60% { - a: b; } - -100% { - a: b; } - -12px { - a: b; } - -foo { - a: b; } - -foo { - a: 12px expression(1 + (3 / Foo.bar("baz" + "bang") + function() {return 12;}) % 12); } - -:foo("bar") { - a: b; } - -:foo(bar) { - a: b; } - -:foo(12px) { - a: b; } - -:foo(+) { - a: b; } - -:foo(-) { - a: b; } - -:foo(+"bar") { - a: b; } - -:foo(-++--baz-"bar"12px) { - a: b; } - -foo { - a: foo-bar(12); - b: -foo-bar-baz(13, 14 15); } - -foo { - a: foo !important; - b: foo bar !important; - b: foo, bar !important; } - -foo { - a: -moz-bar-baz; - b: foo -o-bar-baz; } - -foo { - a: d; - /* b; c: */ } - -foo { - a: d; - /*: b; c */ } -/* Foo - * Bar */ -.foo { - /* Foo - * Bar */ } - -[foo] { - a: b; } - -[foo="bar"] { - a: b; } - -[foo~="bar"] { - a: b; } - -[foo^="bar"] { - a: b; } - -[foo$="bar"] { - a: b; } - -[foo*="bar"] { - a: b; } - -[foo|="en"] { - a: b; } - -:root { - a: b; } - -:nth-child(n) { - a: b; } - -:nth-last-child(n) { - a: b; } - -:nth-of-type(n) { - a: b; } - -:nth-last-of-type(n) { - a: b; } - -:first-child { - a: b; } - -:last-child { - a: b; } - -:first-of-type { - a: b; } - -:last-of-type { - a: b; } - -:only-child { - a: b; } - -:only-of-type { - a: b; } - -:empty { - a: b; } - -:link { - a: b; } - -:visited { - a: b; } - -:active { - a: b; } - -:hover { - a: b; } - -:focus { - a: b; } - -:target { - a: b; } - -:lang(fr) { - a: b; } - -:enabled { - a: b; } - -:disabled { - a: b; } - -:checked { - a: b; } - -::first-line { - a: b; } - -::first-letter { - a: b; } - -::before { - a: b; } - -::after { - a: b; } - -.warning { - a: b; } - -#myid { - a: b; } - -:not(s) { - a: b; } - -@media all { - rule1 { - prop: val; } - - rule2 { - prop: val; } } - -@media screen, print { - rule1 { - prop: val; } - - rule2 { - prop: val; } } - -@media screen and (-webkit-min-device-pixel-ratio: 0) { - a: b; } - -@media only screen, print and (foo: 0px) and (bar: flam(12px solid)) { - a: b; } - -:-moz-any(h1, h2, h3) { - a: b; } - -:-moz-any(.foo) { - a: b; } - -:-moz-any(foo bar, .baz > .bang) { - a: b; } - -@-moz-document url(http://www.w3.org/), - url-prefix(http://www.w3.org/Style/), - domain(mozilla.org), - regexp("^https:.*") { - .foo { - a: b; } } - -foo { - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000); } - -foo { - filter: alpha(opacity=20); - filter: alpha(opacity=20, enabled=true); - filter: blaznicate(foo=bar, baz=bang bip, bart=#fa4600); } - -@foo bar { - a: b; } - -@bar baz { - c: d; } - -@foo bar; -@bar baz; - - -/* Foo - * Bar */ -/* Baz - * Bang */ - - -.foo { - /* Foo - * Bar */ - /* Baz - * Bang */ } - -.foo { - /* Foo Bar */ - /* Baz Bang */ } - -@namespace "http://www.w3.org/Profiles/xhtml1-strict"; - -@namespace url(http://www.w3.org/Profiles/xhtml1-strict); - -@namespace html url("http://www.w3.org/Profiles/xhtml1-strict"); - -[foo|bar=baz] { - a: b; } - -[*|bar=baz] { - a: b; } - -[foo|bar|=baz] { - a: b; } - -foo|E { - a: b; } - -*|E { - a: b; } - -foo|* { - a: b; } - -*|* { - a: b; } - -:not(foo|bar) { - a: b; } - -:not(*|bar) { - a: b; } - -:not(foo|*) { - a: b; } - -:not(*|*) { - a: b; } - -:not(#blah) { - a: b; } - -:not(.blah) { - a: b; } - -:not([foo]) { - a: b; } - -:not([foo^="bar"]) { - a: b; } - -:not([baz|foo~="bar"]) { - a: b; } - -:not(:hover) { - a: b; } - -:not(:nth-child(2n + 3)) { - a: b; } - -:not(:not(#foo)) { - a: b; } - -:not(a#foo.bar) { - a: b; } - -:not(#foo .bar > baz) { - a: b; } - -:not(h1, h2, h3) { - a: b; } - -foo { - a: "bang 1 bar bip"; } - -:nth-child(-n) { - a: b; } - -:nth-child(+n) { - a: b; } - -:nth-child(even) { - a: b; } - -:nth-child(odd) { - a: b; } - -:nth-child(50) { - a: b; } - -:nth-child(-50) { - a: b; } - -:nth-child(+50) { - a: b; } - -:nth-child(2n+3) { - a: b; } - -:nth-child(2n-3) { - a: b; } - -:nth-child(+2n-3) { - a: b; } - -:nth-child(-2n+3) { - a: b; } - -:nth-child(-2n+ 3) { - a: b; } - -:nth-child( 2n + 3) { - a: b; } - -foo { - a: foo bar baz; - b: foo, #abc, -12; - c: 1px/2px/-3px; - d: foo bar, baz/bang; } - -@page { - prop1: val; - prop2: val; } - -@page flap { - prop1: val; - prop2: val; } - -@page :first { - prop1: val; - prop2: val; } - -@page flap:first { - prop1: val; - prop2: val; } - -.foo { - /* Foo */ - a: b; } - -.foo { - /* Foo - * Bar */ - a: b; } -/* Foo */ -.foo { - a: b; } -/* Foo - * Bar */ -.foo { - a: b; } - -.foo #bar:baz(/* bang )*/ bip) { - /* .a #foo */ - a: b; } - -> E { - a: b; } - -+ E { - a: b; } - -~ E { - a: b; } - -> > E { - a: b; } - ->> E { - a: b; } - -E* { - a: b; } - -E*.foo { - a: b; } - -E*:hover { - a: b; } - -E, F { - a: b; } - -E F { - a: b; } - -E, F G, H { - a: b; } - -body { - /* - //comment here - */ } - -E > F { - a: b; } - -E ~ F { - a: b; } - -E + F { - a: b; } - -* { - a: b; } - -E { - a: b; } - -E[foo] { - a: b; } - -E[foo="bar"] { - a: b; } - -E[foo~="bar"] { - a: b; } - -E[foo^="bar"] { - a: b; } - -E[foo$="bar"] { - a: b; } - -E[foo*="bar"] { - a: b; } - -E[foo|="en"] { - a: b; } - -E:root { - a: b; } - -E:nth-child(n) { - a: b; } - -E:nth-last-child(n) { - a: b; } - -E:nth-of-type(n) { - a: b; } - -E:nth-last-of-type(n) { - a: b; } - -E:first-child { - a: b; } - -E:last-child { - a: b; } - -E:first-of-type { - a: b; } - -E:last-of-type { - a: b; } - -E:only-child { - a: b; } - -E:only-of-type { - a: b; } - -E:empty { - a: b; } - -E:link { - a: b; } - -E:visited { - a: b; } - -E:active { - a: b; } - -E:hover { - a: b; } - -E:focus { - a: b; } - -E:target { - a: b; } - -E:lang(fr) { - a: b; } - -E:enabled { - a: b; } - -E:disabled { - a: b; } - -E:checked { - a: b; } - -E::first-line { - a: b; } - -E::first-letter { - a: b; } - -E::before { - a: b; } - -E::after { - a: b; } - -E.warning { - a: b; } - -E#myid { - a: b; } - -E:not(s) { - a: b; } - -E F { - a: b; } - -E > F { - a: b; } - -E + F { - a: b; } - -E ~ F { - a: b; } - -@supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) { - .foo { - a: b; } } - -@-prefix-supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) { - .foo { - a: b; } } - -foo { - foo: bar; - #baz: bang; - #bip: bop; } - -foo { - a: -2; - b: -2.3em; - c: -50%; - d: -foo(bar baz); } - -foo { - a: -0.5em; - b: 0.5em; - c: -foo(12px); - d: +foo(12px); } - -foo { - -moz-foo-bar: blat; - -o-flat-blang: wibble; } - -foo { - a: foo(); - b: bar baz-bang() bip; } diff --git a/tests/outputs/selectors.css b/tests/outputs/selectors.css deleted file mode 100644 index a08b904f..00000000 --- a/tests/outputs/selectors.css +++ /dev/null @@ -1,369 +0,0 @@ -* { - color: blue; } - -E { - color: blue; } - -E:not(:link) { - color: blue; } - -E:not(:link):not(:visited) { - color: blue; } - -E:not(:link, :visited) { - color: blue; } - -E:matches(:hover, :focus) { - color: blue; } - -E.warning { - color: blue; } - -E#id { - color: blue; } - -E[foo] { - color: blue; } - -E[foo="barbar"] { - color: blue; } - -E[foo="barbar" i] { - color: blue; } - -E[foo~="hello#$@%@$#^"] { - color: blue; } - -E[foo^="color: green;"] { - color: blue; } - -E[foo$="239023"] { - color: blue; } - -E[foo*="29302"] { - color: blue; } - -E[foo|="239032"] { - color: blue; } - -[foo] { - color: blue; } - -[foo] .helloWorld { - color: blue; } - -[foo].helloWorld { - color: blue; } - -[foo="barbar"] { - color: blue; } - -[foo~="hello#$@%@$#^"] { - color: blue; } - -[foo^="color: green;"] { - color: blue; } - -[foo$="239023"] { - color: blue; } - -[foo*="29302"] { - color: blue; } - -[foo|="239032"] { - color: blue; } - -E:dir(ltr) { - color: blue; } - -E:lang(en) { - color: blue; } - -E:lang(en, fr) { - color: blue; } - -E:any-link { - color: blue; } - -E:link { - color: blue; } - -E:visited { - color: blue; } - -E:local-link { - color: blue; } - -E:local-link(0) { - color: red; } - -E:local-link(1) { - color: white; } - -E:local-link(2) { - color: red; } - -E:target { - color: blue; } - -E:scope { - color: blue; } - -E:current { - color: blue; } - -E:current(:link) { - color: blue; } - -E:past { - color: blue; } - -E:future { - color: blue; } - -E:active { - color: blue; } - -E:hover { - color: blue; } - -E:focus { - color: blue; } - -E:enabled { - color: blue; } - -E:disabled { - color: blue; } - -E:indeterminate { - color: blue; } - -E:default { - color: blue; } - -E:in-range { - color: blue; } - -E:out-of-range { - color: blue; } - -E:required { - color: blue; } - -E:optional { - color: blue; } - -E:read-only { - color: blue; } - -E:read-write { - color: blue; } - -E:root { - color: blue; } - -E:empty { - color: blue; } - -E:first-child { - color: blue; } - -E:nth-child(odd) { - color: blue; } - -E:nth-child(2n+1) { - color: blue; } - -E:nth-child(5) { - color: blue; } - -E:last-child { - color: blue; } - -E:nth-last-child(-n+2) { - color: blue; } - -E:only-child { - color: blue; } - -E:first-of-type { - color: blue; } - -E:nth-of-type(2n) { - color: blue; } - -E:last-of-type { - color: blue; } - -E:nth-last-of-type(n) { - color: blue; } - -E:only-of-type { - color: blue; } - -E:nth-match(odd) { - color: blue; } - -E:nth-last-match(odd) { - color: blue; } - -E:column(n) { - color: blue; } - -E:nth-column(n) { - color: blue; } - -E:nth-last-column(n) { - color: blue; } - -E F { - color: blue; } - -E > F { - color: blue; } - -E + F { - color: blue; } - -E ~ F { - color: blue; } - -E /foo/ F { - color: blue; } - -E! > F { - color: blue; } - -[foo|att=val] { - color: blue; } - -[*|att] { - color: yellow; } - -[|att] { - color: green; } - -[att] { - color: green; } - -E::first-line { - color: blue; } - -E::first-letter { - color: blue; } - -E::before { - color: blue; } - -E::after { - color: blue; } - -E::choices { - color: blue; } - -E::value { - color: blue; } - -E::repeat-index { - color: blue; } - -E::repeat-item { - color: blue; } - -E:first { - color: blue; } - -E:first-line { - color: blue; } - -E:first-letter { - color: blue; } - -E:before { - color: blue; } - -E:after { - color: blue; } - -E:checked { - color: blue; } - -E:invalid { - color: blue; } - -E:valid { - color: blue; } - -E:left { - color: blue; } - -E:right { - color: blue; } - -E:any(ol) { - color: blue; } - -E::selection { - color: blue; } - -div { - font: something; - font-size: 30em; } - div font:something { - size: 30em; } - -.something.world { - color: blue; } - .something .mold { - height: 200px; } - .dog .something { - color: blue; } - -.dad .simple .wolf { - color: blue; } - .rad.simple.bad { - color: blue; } - -.something div .what.world { - color: blue; } - -div.foo div { - color: blue; } - div + div { - color: green; } - -.nice-fonts .main .message div .title, .nice-fonts div .message div .title { - font-size: 24px; } - -.escape\% { - color: red; } - -.escape-plan\% { - color: green; } - -.element .one, .element .two { - property: value; } - -#secondary h1, #secondary h2, #secondary h3, #secondary h4, #secondary h5, #secondary h6 { - color: #e6e6e6; } - -.test foo, .test bar { - border: 1px dashed red; } - -span a, p a, div a { - color: red; } - -.parent.self { - content: "should match .parent.self"; } - .parent .child { - content: "should match .parent .child"; } - .parent.self2 { - content: "should match .parent.self2"; } - -.parent.self1, .parent.self2 { - content: "should match .parent.self1, .parent.self2"; } - .self1 .parent { - content: "should match .self1 .parent"; } - .parent + .parent { - content: "should match .parent + .parent"; } diff --git a/tests/outputs/short_circuit.css b/tests/outputs/short_circuit.css deleted file mode 100644 index e69de29b..00000000 diff --git a/tests/outputs/shorthand.css b/tests/outputs/shorthand.css deleted file mode 100644 index a4769c9c..00000000 --- a/tests/outputs/shorthand.css +++ /dev/null @@ -1,28 +0,0 @@ -/* short-hand properties */ -div { - background: 0px 0px / 12px; - background: 25% 75% / cover; - background: center / 50%; - background: left / 3em; - background: right / auto; - background: top / contain; - background: 0px 0px, center / 50% auto; - background: 0px 0px, center / 3em 25%; - font: 0.8em / normal; - font: 12px / normal; - font: 80% / normal; - font: large / 34%; - font: large / 3.5; - font: large / 3em; - font: larger / normal; - font: 0.8em / 3.5; - font: 12px / 3em; - font: 80% / 34%; - /* size | family */ - font: 2em "Open Sans", sans-serif; - /* style | size | family */ - font: italic 2em "Open Sans", sans-serif; - /* style | variant | weight | size/line-height | family */ - font: italic small-caps bolder 16px/3 cursive; - /* The font used in system dialogs */ - font: message-box; } diff --git a/tests/outputs/values.css b/tests/outputs/values.css deleted file mode 100644 index acc36395..00000000 --- a/tests/outputs/values.css +++ /dev/null @@ -1,34 +0,0 @@ -#values { - color: #eee; - color: #eee; - height: 20px; - width: 80%; - color: "hello world"; - height: url("http://google.com"); - dads: url(http://leafo.net); - padding: 10px 10px 10px 10px, 3px 3px 3px; - textblock: "This is a \ -multiline block \ -#not { color: #eee;}"; - margin: 4, 3, 1; - content: "This is a \ -multiline string."; - border-radius: -1px -1px -1px black; } - -#subtraction { - lit: 10 -11; - lit: -1; - lit: -1; - lit: -1; - var: -90; - var: -90; - var: -90; - var: -90; } - -#special { - a: 12px expression(1 + (3 / Foo.bar("baz" + "bang") + function() {return 12;}) % 12); } - -#unary { - b: 0.5em; - c: -foo(12px); - d: +foo(12px); } diff --git a/tests/outputs/variables.css b/tests/outputs/variables.css deleted file mode 100644 index 7112efae..00000000 --- a/tests/outputs/variables.css +++ /dev/null @@ -1,39 +0,0 @@ -cool: 100px; -div { - height: red, two, three; } - -div { - num: 1000; } - -div { - num: 2000; } - -pre { - color: blue; } - -del { - color: red; } - del div pre { - color: red; } - -body { - font-family: Arial; - font-family: Helvetica Neue; - font-family: "Helvetica Neue"; - font-family: Helvetica, Arial, sans-serif; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } - -#main { - width: 5em; } - -#sidebar { - width: 5em; } - -A { - color: green; } - -body { - color: #000; } - -* { - data: 12; } diff --git a/tests/outputs_numbered/at_root.css b/tests/outputs_numbered/at_root.css deleted file mode 100644 index 2ac5a07e..00000000 --- a/tests/outputs_numbered/at_root.css +++ /dev/null @@ -1,109 +0,0 @@ -/* line 1, inputs/at_root.scss */ -.parent-inline-selector { - color: white; } - /* line 3, inputs/at_root.scss */ - .child { - color: black; } -/* line 6, inputs/at_root.scss */ -.parent-block { - color: white; } - /* line 9, inputs/at_root.scss */ - .child1 { - color: green; } -/* line 10, inputs/at_root.scss */ -.child2 { - color: blue; } -/* line 12, inputs/at_root.scss */ -.parent-block .step-child { - color: black; } -/* line 15, inputs/at_root.scss */ -.first { - color: red; } -/* line 18, inputs/at_root.scss */ -/* line 19, inputs/at_root.scss */ - -body .second { - color: white; - color: black; } - -/* line 23, inputs/at_root.scss */ - .nested1 { - color: blue; - color: orange; } - /* line 26, inputs/at_root.scss */ - .nested2 { - color: yellow; } -/* line 36, inputs/at_root.scss */ -.third { - color: green; } - -@media print { -/* line 41, inputs/at_root.scss */ -.page { - width: 8in; } } - -.page { - color: red; } -/* line 49, inputs/at_root.scss */ -@media (min-width: 300px) { - /* line 51, inputs/at_root.scss */ - .my-widget .inside-mq { - inside-style: mq; } } - /* line 56, inputs/at_root.scss */ - .my-widget .outside-mq { - outside-style: mq; } - /* line 63, inputs/at_root.scss */ - .outside-class { - color: blue; } - @media (min-width: 300px) { -/* line 71, inputs/at_root.scss */ -.with-only { -color: pink; } } - -@media screen and (max-width: 320px) { -/* line 81, inputs/at_root.scss */ -.foo { - margin: 0; } } - -@media screen and (max-width: 320px) { -/* line 85, inputs/at_root.scss */ -.bar { - padding: 0; } } - -/* line 90, inputs/at_root.scss */ - .baar { - padding: 0; } - -/* line 95, inputs/at_root.scss */ - .foo .barr { - padding: 0; } - -@media screen and (max-width: 640px) { -/* line 104, inputs/at_root.scss */ } - /* line 107, inputs/at_root.scss */ - .foo .bar { - width: 0; } - @supports ( display: flex ) { -/* line 112, inputs/at_root.scss */ -.baz { -height: 0; } } - @media screen and (max-width: 640px) { -/* line 117, inputs/at_root.scss */ -.qux { -margin: 0; } } - @media screen and (max-width: 640px) { - /* line 122, inputs/at_root.scss */ - .foo .quux { - padding: 0; } } - /* line 127, inputs/at_root.scss */ - .foo .quix { - padding: 0; } -/* line 144, inputs/at_root.scss */ -/* line 145, inputs/at_root.scss */ - -.test .test2 { - padding: 0px; } - -/* line 139, inputs/at_root.scss */ - tbody { - padding: 10px; } diff --git a/tests/outputs_numbered/builtins.css b/tests/outputs_numbered/builtins.css deleted file mode 100644 index 722c6af4..00000000 --- a/tests/outputs_numbered/builtins.css +++ /dev/null @@ -1,162 +0,0 @@ -/* line 2, inputs/builtins.scss */ -#color { - color: #22ea18; - red: 34; - green: 234; - blue: 24; - color: rgba(1, 2, 4, 0.5); - a1: 1; - a2: 0.5; - mix: #020304; - rgba: rgba(170, 119, 204, 0.4); - rgba: rgba(170, 119, 204, 0.4); - green: 139; } -/* line 21, inputs/builtins.scss */ -#hsl { - color: #79c653; - color: rgba(121, 198, 83, 0.5); - hue: 100deg; - sat: 50%; - lig: 55%; } -/* line 30, inputs/builtins.scss */ -#more-color { - light: #7e3d9e; - dark: #432154; - sat: #632782; - desat: #5e3871; - gray: #545454; - comp: #48792f; - inv: #9fd086; } -/* line 44, inputs/builtins.scss */ -#more-more-color { - op: 0.5; - opacify: rgba(1, 2, 3, 0.6); - opacify: rgba(1, 2, 3, 0.6); - transparentize: rgba(1, 2, 3, 0.4); - transparentize: rgba(1, 2, 3, 0.4); - transparentize: rgba(52, 130, 3, 0.9); } -/* line 56, inputs/builtins.scss */ -#more-more-more-color { - color: rgba(65, 110, 79, 0.4); - color: rgba(20, 255, 216, 0); - color: rgba(55, 100, 69, 0.4); - color: rgba(0, 255, 213, 0); - color: rgba(145, 10, 10, 0); - color: rgba(5, 10, 10, 0); - color: rgba(145, 145, 145, 0); - color: rgba(5, 5, 5, 0); - color: #000A0A0A; - color: #FFAABBCC; } -/* line 74, inputs/builtins.scss */ -#string { - color: hello what is going on; - color: "yeah"; - color: "I do?"; - color: 2; - color: sinserttring; - color: 6; - color: tri; - color: trin; - color: 'string'; - color: STRING; - color: string; - color: string; - color: tring; - color: ring; - color: ing; - color: ng; - color: g; - color: ng; - color: ing; - color: ring; - color: tring; - color: s; - color: st; - color: string; - color: strin; } -/* line 105, inputs/builtins.scss */ -#number { - color: 250%; - color: 50%; - color: 3; - color: 3; - color: 4; - top: 10px; - top: 1ex; - width: 200%; - bottom: 10px; - padding: 3em 1in 96px 72pt; } -/* line 119, inputs/builtins.scss */ -#list { - len: 3; - len: 1; - n: hello; - hello: one, two, three, hello; - hello: one, two, three, hello, world, what, is, going; - hello: one, two, three, hello; - index: 2; - index: 3; - index: 1; - index: 1; - index: 2; - index: 2; - index: 1; - display: 1; - world: one, two, three, great, job; - world: one, two, three, great job; - cool: one two three great job; - cool: great job one two three; - zip: 1px solid, 2px dashed; - zip: 1px solid red, 2px dashed green; } -/* line 155, inputs/builtins.scss */ -#introspection { - t: number; - t: string; - t: string; - t: bool; - t: color; - t: color; - t: list; - u: ""; - u: "px"; - u: "em"; - l: true; - l: false; - c: true; - c: false; - c: true; - c: true; - c: false; - c: true; } -/* line 179, inputs/builtins.scss */ -#if { - color: yes; - color: no; - color: yes; - color: yes; } -/* line 186, inputs/builtins.scss */ -.transparent { - r: 0; - g: 0; - b: 0; - a: 0; } -/* line 193, inputs/builtins.scss */ -.alpha { - a: 1; - a: 1; - a: 1; - a: 0.5; - a: alpha(currentColor); } -/* line 202, inputs/builtins.scss */ -#exists { - a: true; - b: true; - c: false; } -/* line 209, inputs/builtins.scss */ -div.call-tests { - a: #0a64ff; - b: #0058ef; - c: b; } -/* line 216, inputs/builtins.scss */ -div.unquote-test { - a: [type='text']; } diff --git a/tests/outputs_numbered/comments.css b/tests/outputs_numbered/comments.css deleted file mode 100644 index 3669d1d8..00000000 --- a/tests/outputs_numbered/comments.css +++ /dev/null @@ -1,34 +0,0 @@ -/** what the heck **/ -/** - Here is a block comment - **/ -/*hello*/ -/* line 16, inputs/comments.scss */ -div { - /*yeah*/ - border: 1px solid red; - /* another property */ - color: url('http://mage-page.com'); - string: "hello /* this is not a comment */"; - world: "// neither is this"; - string: 'hello /* this is not a comment */'; - /*what if this is a comment */ - world: '// neither is this'; - what-ever: 100px; - background: url(); - /*this is not a comment?*/ } -/* line 31, inputs/comments.scss */ -.dummy { - color: blue; } -/* comment 1 */ -/* line 36, inputs/comments.scss */ -a { - /* comment 2 */ - /* comment 3 */ - color: red; - /* comment 4 */ - background-color: red; - /* comment 5 */ - /* comment 6 */ } -/* comment 7 */ -/* коммент */ diff --git a/tests/outputs_numbered/compass_extract.css b/tests/outputs_numbered/compass_extract.css deleted file mode 100644 index 2c6002d8..00000000 --- a/tests/outputs_numbered/compass_extract.css +++ /dev/null @@ -1,29 +0,0 @@ -/* line 224, inputs/compass_extract.scss */ -#test-0 { - unit: false; - unit: true; - rhythm: 1.5em; - size: 1; - size: 1; - size: 1; - size: 2; - size: 2; } -/* line 236, inputs/compass_extract.scss */ -#test-1 { - margin-top: 7.5em; - padding-top: 9em; - padding-bottom: 10.5em; - margin-bottom: 0em; } -/* line 240, inputs/compass_extract.scss */ -#test-2 { - border-style: solid; - border-width: 0.0625em; - padding: 1.4375em; } -/* line 244, inputs/compass_extract.scss */ -#test-3 { - border-top-style: solid; - border-top-width: 0.0625em; - padding-top: 1.4375em; - border-bottom-style: solid; - border-bottom-width: 0.0625em; - padding-bottom: 1.4375em; } diff --git a/tests/outputs_numbered/content.css b/tests/outputs_numbered/content.css deleted file mode 100644 index 9d49e316..00000000 --- a/tests/outputs_numbered/content.css +++ /dev/null @@ -1,51 +0,0 @@ -/* line 3, inputs/content.scss */ -/* line 8, inputs/content.scss */ - * html #logo { - background-image: url(/logo.gif); } -/* line 20, inputs/content.scss */ -.colors { - background-color: blue; - color: white; - border-color: blue; } - -@media only screen and (max-width: 480px) { - /* line 32, inputs/content.scss */ - body { - color: red; } } -/* line 36, inputs/content.scss */ -#sidebar { - width: 300px; } - @media only screen and (max-width: 480px) { - #sidebar { - width: 100px; } } - -@media only screen and (min-width: 40em) { - /* line 51, inputs/content.scss */ - .grid-1 { - width: 100%; } -/* line 51, inputs/content.scss */ -.grid-2 { - width: 100%; } } - -@media only screen and (min-width: 40em) { - /* line 58, inputs/content.scss */ - .grid-1 { - width: 100%; } -/* line 58, inputs/content.scss */ -.grid-2 { - width: 100%; } } -/* line 70, inputs/content.scss */ -/* line 64, inputs/content.scss */ - /* line 78, inputs/content.scss */ - * html * body #logo { - background-image: url(/logo.gif); } -/* line 91, inputs/content.scss */ -A { - top: 10px; } -/* line 114, inputs/content.scss */ -.test { - display: none; } -/* line 123, inputs/content.scss */ -.test_empty_content { - display: inline; - font-weight: bold; } diff --git a/tests/outputs_numbered/content_with_function.css b/tests/outputs_numbered/content_with_function.css deleted file mode 100644 index 864ff558..00000000 --- a/tests/outputs_numbered/content_with_function.css +++ /dev/null @@ -1,3 +0,0 @@ -/* line 13, inputs/content_with_function.scss */ -body { - padding: 1 px; } diff --git a/tests/outputs_numbered/default_args.css b/tests/outputs_numbered/default_args.css deleted file mode 100644 index 3ac81e14..00000000 --- a/tests/outputs_numbered/default_args.css +++ /dev/null @@ -1,4 +0,0 @@ -/* line 11, inputs/default_args.scss */ -div { - height: red; - margin: 100px; } diff --git a/tests/outputs_numbered/directives.css b/tests/outputs_numbered/directives.css deleted file mode 100644 index f61582ba..00000000 --- a/tests/outputs_numbered/directives.css +++ /dev/null @@ -1,118 +0,0 @@ -@charset "hello-world"; -@page :left { -/* line 3, inputs/directives.scss */ -div { - color: red; } } - -@page test { - @media yes { -/* line 12, inputs/directives.scss */ -div { - color: red; } } } - -@media something { - @page { - @media else { -/* line 29, inputs/directives.scss */ -div { - height: 200px; } } } } -/* line 37, inputs/directives.scss */ -div { - color: red; } - @page yeah { -/* line 40, inputs/directives.scss */ -div pre { -height: 20px; } } - -@font-face { - color: red; - height: 20px; } - -@keyframes 'bounce' { -/* line 53, inputs/directives.scss */ -from { - top: 100px; - animation-timing-function: ease-out; } -/* line 58, inputs/directives.scss */ -25% { - top: 50px; - animation-timing-function: ease-in; } -/* line 63, inputs/directives.scss */ -50% { - top: 100px; - animation-timing-function: ease-out; } -/* line 68, inputs/directives.scss */ -75% { - top: 75px; - animation-timing-function: ease-in; } -/* line 73, inputs/directives.scss */ -to { - top: 100px; } } - -@-webkit-keyframes flowouttoleft { -/* line 79, inputs/directives.scss */ -0% { - -webkit-transform: translateX(0) scale(1); } -/* line 80, inputs/directives.scss */ -60%, 70% { - -webkit-transform: translateX(0) scale(0.7); } -/* line 81, inputs/directives.scss */ -100% { - -webkit-transform: translateX(-100%) scale(0.7); } } -/* line 84, inputs/directives.scss */ -div { - animation-name: 'diagonal-slide'; - animation-duration: 5s; - animation-iteration-count: 10; } - -@keyframes 'diagonal-slide' { -/* line 92, inputs/directives.scss */ -from { - left: 0; - top: 0; } -/* line 97, inputs/directives.scss */ -to { - left: 100px; - top: 100px; } } - -@document url(http://www.w3.org/), - url-prefix(http://www.w3.org/Style/), - domain(mozilla.org), - regexp("https:.*") { -/* line 109, inputs/directives.scss */ -body { - color: purple; - background: yellow; } } - -@keyframes anim-rotate { -/* line 113, inputs/directives.scss */ -0% { - transform: rotate(0); } -/* line 116, inputs/directives.scss */ -100% { - transform: rotate(360deg); } } -/* line 121, inputs/directives.scss */ -.bold, .icon-ajax { - font-weight: 700; } -/* line 125, inputs/directives.scss */ -/* line 129, inputs/directives.scss */ - -/* line 131, inputs/directives.scss */ - .custom-selector { - color: blue; } - -@-webkit-keyframes zoomer { -/* line 136, inputs/directives.scss */ -from { - transform: scale(0.5); } -/* line 140, inputs/directives.scss */ -to { - transform: scale(1); } } - -@keyframes zoomer { -/* line 146, inputs/directives.scss */ -from { - transform: scale(0.5); } -/* line 150, inputs/directives.scss */ -to { - transform: scale(1); } } diff --git a/tests/outputs_numbered/extends.css b/tests/outputs_numbered/extends.css deleted file mode 100644 index aa4c20ac..00000000 --- a/tests/outputs_numbered/extends.css +++ /dev/null @@ -1,264 +0,0 @@ -/* line 2, inputs/extends.scss */ -error, pre seriousError, span seriousError, other, hello { - border: 1px #f00; - background-color: #fdd; } -/* line 7, inputs/extends.scss */ -/* line 8, inputs/extends.scss */ - pre seriousError, span seriousError { - font-size: 20px; } -/* line 14, inputs/extends.scss */ -hello { - color: green; } -/* line 17, inputs/extends.scss */ -hello div { - margin: 10px; } -/* line 22, inputs/extends.scss */ -.cool, .me { - color: red; } -/* line 26, inputs/extends.scss */ -.blue, .me { - color: purple; } -/* line 30, inputs/extends.scss */ -/* line 34, inputs/extends.scss */ - -/* line 35, inputs/extends.scss */ - -a:hover, .hoverlink, #demo .overview .fakelink:hover { - text-decoration: underline; } -/* line 40, inputs/extends.scss */ -div.hello.world.hmm, pre div.okay.span.world.hmm, pre #butt .umm div.sure.span.world.hmm, #butt .umm pre div.sure.span.world.hmm, code div.okay.span.world.hmm, code #butt .umm div.sure.span.world.hmm, #butt .umm code div.sure.span.world.hmm { - color: blue; } -/* line 44, inputs/extends.scss */ -/* line 45, inputs/extends.scss */ - -/* line 51, inputs/extends.scss */ - -.xxxxx .xxxxx .xxxxx, code .xxxxx .xxxxx, code code .xxxxx, code code code, code .xxxxx code, .xxxxx code .xxxxx, .xxxxx code code, .xxxxx .xxxxx code { - color: green; } -/* line 55, inputs/extends.scss */ -code { - color: red; } -/* line 63, inputs/extends.scss */ -.alpha, .beta, .gama { - color: red; } -/* line 67, inputs/extends.scss */ -.beta, .gama { - color: white; } -/* line 72, inputs/extends.scss */ -.gama { - color: blue; } -/* line 79, inputs/extends.scss */ -#admin .tabbar a, #admin .tabbar #demo .overview .fakelink, #demo .overview #admin .tabbar .fakelink { - font-weight: bold; } -/* line 80, inputs/extends.scss */ -/* line 82, inputs/extends.scss */ - -a1 b1 c1 d1, x1 y1 z1 w1 b1 c1 d1 { - color: red; } -/* line 83, inputs/extends.scss */ -/* line 85, inputs/extends.scss */ - -a2 b2 c2 d2, a2 x2 y2 z2 w2 c2 d2, x2 y2 z2 a2 w2 c2 d2 { - color: red; } -/* line 86, inputs/extends.scss */ -/* line 89, inputs/extends.scss */ - -a3 b3 c3 d3, a3 b3 x3 y3 z3 w3 d3, x3 y3 z3 a3 b3 w3 d3 { - color: red; } -/* line 90, inputs/extends.scss */ -/* line 93, inputs/extends.scss */ - -a4 b4 c4 d4, a4 b4 c4 x4 y4 z4 w4, x4 y4 z4 a4 b4 c4 w4 { - color: red; } -/* line 94, inputs/extends.scss */ -/* line 98, inputs/extends.scss */ - -#butt .yeah .okay, #butt .yeah .umm .sure, #butt .umm .yeah .sure { - font-weight: bold; } -/* line 99, inputs/extends.scss */ -/* line 101, inputs/extends.scss */ - -a9 b9 s9 t9 v9, a9 b9 s9 t9 x9 y9 z9, a9 b9 x9 y9 s9 t9 z9 { - color: red; } -/* line 103, inputs/extends.scss */ -@media print { -/* line 110, inputs/extends.scss */ -horse, man { - color: blue; } } -/* line 115, inputs/extends.scss */ -man { - color: red; } -/* line 123, inputs/extends.scss */ -wassup { - color: blue; } -/* line 128, inputs/extends.scss */ -/* line 129, inputs/extends.scss */ - -.foo .wassup { - color: blue; } -/* line 137, inputs/extends.scss */ -#something, .x, .y { - color: red; } -/* line 141, inputs/extends.scss */ -/* line 145, inputs/extends.scss */ - -/* line 151, inputs/extends.scss */ - -/* line 152, inputs/extends.scss */ - -/* line 156, inputs/extends.scss */ - -.nav-justified, .nav-tabs.nav-justified { - text-align: justify; } -/* line 162, inputs/extends.scss */ -.btn:hover, .edit .actions button:hover, .edit .new .actions button:hover, .btn:active, .edit .actions button:active, .edit .new .actions button:active, .btn.active, .edit .actions button.active, .edit .new .actions button.active, .btn.disabled, .edit .actions button.disabled, .edit .new .actions button.disabled, .btn[disabled], .edit .actions button[disabled], .edit .new .actions button[disabled] { - color: red; } -/* line 169, inputs/extends.scss */ -/* line 170, inputs/extends.scss */ - -.edit .actions button { - float: right; } -/* line 175, inputs/extends.scss */ -/* line 176, inputs/extends.scss */ - -/* line 177, inputs/extends.scss */ - .edit .new .actions { - padding: 0; } -/* line 180, inputs/extends.scss */ -/* line 186, inputs/extends.scss */ - -.z, .parent .self.z { - color: red; } -/* line 187, inputs/extends.scss */ -/* line 191, inputs/extends.scss */ - -/* line 193, inputs/extends.scss */ - -#content .social-login { - display: block; - float: right; - margin-right: 15px; - width: 250px; } -/* line 199, inputs/extends.scss */ -#content .social-login .facebook, #content .social-login .twitter { - display: block; - width: 255px; - height: 42px; - background: transparent url('images/login-btns.png') no-repeat; - background-position: 0 0; } -/* line 206, inputs/extends.scss */ -#content .social-login .facebook:hover, #content .social-login .twitter:hover { - background-position: 0 -43px; } -/* line 210, inputs/extends.scss */ -#content .social-login .facebook:focus, #content .social-login .twitter:focus, #content .social-login .facebook:active, #content .social-login .twitter:active { - background-position: 0 -86px; } -/* line 215, inputs/extends.scss */ -#content .social-login .twitter { - background-position: 0 -129px; } -/* line 220, inputs/extends.scss */ -#content .social-login .twitter:hover { - background-position: 0 -172px; } -/* line 224, inputs/extends.scss */ -#content .social-login .twitter:active, #content .social-login .twitter:focus { - background-position: 0 -215px; } -/* line 232, inputs/extends.scss */ -/* line 233, inputs/extends.scss */ - -body .to-extend, body .test { - color: red; } -/* line 236, inputs/extends.scss */ -/* line 241, inputs/extends.scss */ - -/* line 242, inputs/extends.scss */ - -.navbar .navbar-brand, .navbar .navbar-brand:hover { - font-weight: bold; - text-shadow: none; - color: #fff; } -/* line 247, inputs/extends.scss */ -/* line 253, inputs/extends.scss */ - -/* line 254, inputs/extends.scss */ - -.foo__bar#test, input { - background: red; } -/* line 256, inputs/extends.scss */ -/* line 258, inputs/extends.scss */ - -.selector1, .master-class { - color: blue; } -/* line 262, inputs/extends.scss */ -.selector2, .master-class { - background: #ccc; } -/* line 268, inputs/extends.scss */ -/* line 274, inputs/extends.scss */ - -/* line 275, inputs/extends.scss */ - -.main .block__element, .main .block__element--modifier { - font-size: 14px; } -/* line 278, inputs/extends.scss */ -.main .block__element--modifier { - font-weight: bold; } -/* line 285, inputs/extends.scss */ -/* line 291, inputs/extends.scss */ - -.pagination-bullet { - width: 6px; - height: 6px; - margin-left: 5px; } -/* line 295, inputs/extends.scss */ -.pagination-bullet:first-child { - margin-left: 0; } -/* line 298, inputs/extends.scss */ -.pagination-bullet.is-active { - background-color: white; } -/* line 303, inputs/extends.scss */ -/* line 304, inputs/extends.scss */ - -/* line 315, inputs/extends.scss */ - -/* line 310, inputs/extends.scss */ - -/* line 317, inputs/extends.scss */ - -.parent-nested-foo-include .in-nested-foo .child-nested-foo-include, .parent-nested-foo-include .in-nested-foo .beard + .mustache { - color: green; } -/* line 323, inputs/extends.scss */ -/* line 328, inputs/extends.scss */ - -/* line 331, inputs/extends.scss */ - -.btn-group > .btn-lg, .btn-group-lg.btn-group > .btn, .edit .actions .btn-group-lg.btn-group > button, .edit .new .actions .btn-group-lg.btn-group > button { - padding-right: 12px; - padding-left: 12px; } -/* line 337, inputs/extends.scss */ -.fp-content-center form + div { - padding-left: 0; } -/* line 341, inputs/extends.scss */ -/* line 342, inputs/extends.scss */ - -.form-inline + .a .form-group > b, .form-inline + .a .fp-content-center form + div > b, .fp-content-center .form-inline + .a form + div > b { - margin-bottom: 0; } -/* line 348, inputs/extends.scss */ -canvas, object, embed.bar { - color: yellow; } -/* line 351, inputs/extends.scss */ -.popup, input, img.bar, .prepend input.foo, .prepend div.foo { - color: red; } -/* line 354, inputs/extends.scss */ -div.popup, .prepend div.foo { - color: blue; } -/* line 357, inputs/extends.scss */ -.before span.popup .after { - color: green; } -/* line 360, inputs/extends.scss */ -/* line 363, inputs/extends.scss */ - -/* line 366, inputs/extends.scss */ - -/* line 369, inputs/extends.scss */ - -/* line 372, inputs/extends.scss */ - -/* line 373, inputs/extends.scss */ diff --git a/tests/outputs_numbered/extends_nesting.css b/tests/outputs_numbered/extends_nesting.css deleted file mode 100644 index 08c3027d..00000000 --- a/tests/outputs_numbered/extends_nesting.css +++ /dev/null @@ -1,37 +0,0 @@ -/* line 1, inputs/extends_nesting.scss */ -.btn, .extend .the-button { - padding: 1px; } -/* line 4, inputs/extends_nesting.scss */ -.btn-lg, .btn-group-lg > .btn, .extend .btn-group-lg > .the-button { - font-size: 10px; } -/* line 7, inputs/extends_nesting.scss */ -.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .extend .btn-group-lg > .the-button .caret, .extend .dropup .btn-group-lg > .the-button .caret { - border-width: 100px; } -/* line 11, inputs/extends_nesting.scss */ -.dropup .btn, .dropup .extend .the-button, .extend .dropup .the-button { - content: "dropup btn"; } -/* line 13, inputs/extends_nesting.scss */ -.dropup .btn .caret, .dropup .extend .the-button .caret, .extend .dropup .the-button .caret { - content: "dropup btn caret"; } -/* line 17, inputs/extends_nesting.scss */ -.dropup > .btn, .extend .dropup > .the-button { - content: "dropup > btn"; } -/* line 19, inputs/extends_nesting.scss */ -.dropup > .btn > .caret, .extend .dropup > .the-button > .caret { - content: "dropup > btn > caret"; } -/* line 23, inputs/extends_nesting.scss */ -.dropup + .btn, .extend .dropup + .the-button { - content: "dropup + btn"; } -/* line 25, inputs/extends_nesting.scss */ -.dropup + .btn + .caret, .extend .dropup + .the-button + .caret { - content: "dropup + btn + caret"; } -/* line 29, inputs/extends_nesting.scss */ -.dropup.btn, .extend .the-button.dropup { - content: "dropupbtn"; } -/* line 31, inputs/extends_nesting.scss */ -.dropup.btn.caret, .extend .the-button.dropup.caret { - content: "dropupbtncaret"; } -/* line 36, inputs/extends_nesting.scss */ -/* line 40, inputs/extends_nesting.scss */ - -/* line 41, inputs/extends_nesting.scss */ diff --git a/tests/outputs_numbered/filter_effects.css b/tests/outputs_numbered/filter_effects.css deleted file mode 100644 index d40dbcd5..00000000 --- a/tests/outputs_numbered/filter_effects.css +++ /dev/null @@ -1,21 +0,0 @@ -/* line 1, inputs/filter_effects.scss */ -#number { - -webkit-filter: grayscale(1) sepia(0.5) saturate(0.1) invert(1) opacity(0.5) brightness(0.5) contrast(0.5); } -/* line 11, inputs/filter_effects.scss */ -#percentage { - -webkit-filter: grayscale(100%) sepia(50%) saturate(10%) invert(100%) opacity(50%) brightness(50%) contrast(50%); } -/* line 21, inputs/filter_effects.scss */ -#misc { - -webkit-filter: hue-rotate(90deg) blur(10px) drop-shadow(10px -16px 30px purple); } -/* line 37, inputs/filter_effects.scss */ -#decimal { - opacity: 0.5; - filter: alpha(opacity=50, style=1); } -/* line 41, inputs/filter_effects.scss */ -#percent { - opacity: 0.5; - filter: alpha(opacity=50); } -/* line 45, inputs/filter_effects.scss */ -.row { - background-color: #071c23; - color: #2284a1; } diff --git a/tests/outputs_numbered/functions.css b/tests/outputs_numbered/functions.css deleted file mode 100644 index 6583ff05..00000000 --- a/tests/outputs_numbered/functions.css +++ /dev/null @@ -1,53 +0,0 @@ -/* line 10, inputs/functions.scss */ -div { - color: 14px; - sum: 23; } -/* line 33, inputs/functions.scss */ -div { - hello: 10 55; - hello: 1010 55; - hello: "hello 10 and 55"; } -/* line 44, inputs/functions.scss */ -del { - color: 1000; } -/* line 48, inputs/functions.scss */ -div { - hello: "hello foo and bar"; - hello: "hello bar and default"; - hello: "hello Alice, Bob, Tom"; } -/* line 61, inputs/functions.scss */ -.foo { - test2: -moz-art; } -/* line 77, inputs/functions.scss */ -/* line 67, inputs/functions.scss */ - div span { - height: 3px; } -/* line 87, inputs/functions.scss */ -div { - width: 2; } -/* line 95, inputs/functions.scss */ -p { - color: arglist; } -/* line 112, inputs/functions.scss */ -.test { - display: 'global'; - display: 'test-mixin'; - display: 'test-mixin'; - display: 'global'; } -/* line 118, inputs/functions.scss */ -.test-inspect { - n: null; - b1: true; - b2: false; - n1: 0; - s1: ''; - s2: 'hello'; - l1: 1 2; - l2: 3 4; - l3: 5, 6; - l4: (a: 1, b: 2); - l5: (a: 1, b: 2); } -/* line 165, inputs/functions.scss */ -div { - margin: 1px 1px 2px 2px; - padding: 1px 1px 2px 2px; } diff --git a/tests/outputs_numbered/ie7.css b/tests/outputs_numbered/ie7.css deleted file mode 100644 index 3935c7d3..00000000 --- a/tests/outputs_numbered/ie7.css +++ /dev/null @@ -1,9 +0,0 @@ -/* line 2, inputs/ie7.scss */ -#foo:before { - content: counter(item,".") ": "; } -/* line 6, inputs/ie7.scss */ -#bar:before { - content: counter(item,"."); } -/* line 10, inputs/ie7.scss */ -#fu:before { - content: counter(item); } diff --git a/tests/outputs_numbered/if.css b/tests/outputs_numbered/if.css deleted file mode 100644 index 154326a2..00000000 --- a/tests/outputs_numbered/if.css +++ /dev/null @@ -1,22 +0,0 @@ -/* line 10, inputs/if.scss */ -div { - color: blue; } -/* line 16, inputs/if.scss */ -pre { - val-1: "red"; - val-2: "blue"; - val-3: "blue"; - val-4: "red"; - val-5: "red"; } -/* line 25, inputs/if.scss */ -span { - color: blue; - height: 10px; - width: 20px; } -/* line 47, inputs/if.scss */ -div { - color: blue; - border-color: green; } -/* line 67, inputs/if.scss */ -del { - thing: no; } diff --git a/tests/outputs_numbered/if_on_null.css b/tests/outputs_numbered/if_on_null.css deleted file mode 100644 index 268bcae6..00000000 --- a/tests/outputs_numbered/if_on_null.css +++ /dev/null @@ -1,3 +0,0 @@ -/* line 6, inputs/if_on_null.scss */ -body { - background-color: "red"; } diff --git a/tests/outputs_numbered/import.css b/tests/outputs_numbered/import.css deleted file mode 100644 index 8bfe1380..00000000 --- a/tests/outputs_numbered/import.css +++ /dev/null @@ -1,32 +0,0 @@ -@import "foo.css"; -@import "foo" screen; -@import "http://foo.com/bar"; -@import url(foo); -/* line 1, inputs/imports/simple.scss */ -div { - height: 200px; - color: red; } -/* line 9, inputs/import.scss */ -pre { - color: red; } -/* line 1, inputs/imports/simple.scss */ -pre div { - height: 200px; - color: red; } -/* line 14, inputs/import.scss */ -/* line 1, inputs/imports/simple.scss */ - -code div { - height: 200px; - color: red; } -/* line 1, inputs/imports/simple.scss */ -code div { - height: 200px; - color: red; } -/* line 2, inputs/imports/_partial.scss */ -#partial { - color: blue; } -/* line 20, inputs/import.scss */ -body { - color: #7c2; - background: gray; } diff --git a/tests/outputs_numbered/interpolation.css b/tests/outputs_numbered/interpolation.css deleted file mode 100644 index f6d5f5fa..00000000 --- a/tests/outputs_numbered/interpolation.css +++ /dev/null @@ -1,73 +0,0 @@ -/* line 2, inputs/interpolation.scss */ -div { - color: redwhite blue; - color: red white blue; - color: red whiteblue; - color: redwhiteblue; - color: ummyeahwhat; - color: stacked; - font-size: 10px/something; - font-size: 10px / something; - test: "whatworldwrong"; - test: "whatworldwrong"; - test: "whatworldwrong"; - test: "what"world"wrong"; - hi: "what is 16 end"; } -/* line 24, inputs/interpolation.scss */ -/* line 27, inputs/interpolation.scss */ - pre var { - color: red; } -/* line 31, inputs/interpolation.scss */ -pre var dad { - color: red; } -/* line 35, inputs/interpolation.scss */ -pre bedvardad { - color: red; } -/* line 40, inputs/interpolation.scss */ -/* line 42, inputs/interpolation.scss */ - -cool .thing-1 { - color: red; } -/* line 42, inputs/interpolation.scss */ -cool .thing-2 { - color: red; } -/* line 42, inputs/interpolation.scss */ -cool .thing-3 { - color: red; } -/* line 42, inputs/interpolation.scss */ -cool .thing-4 { - color: red; } -/* line 42, inputs/interpolation.scss */ -cool .thing-5 { - color: red; } -/* line 48, inputs/interpolation.scss */ -abcde { - color: red; } -/* line 52, inputs/interpolation.scss */ -#hello, .world { - color: red; } -/* line 56, inputs/interpolation.scss */ -#abchelloyeah, .coolworldyes { - color: red; } -/* line 62, inputs/interpolation.scss */ -div.element:nth-child(2n) { - display: none; } -/* line 69, inputs/interpolation.scss */ -div { - hello: world; - coolhello: world; - helloone: world; - twohelloone: world; - oneabtwo: cool; - hello-world: red; - hello-mold: white; - hello-hello: blue; } -/* line 86, inputs/interpolation.scss */ -body { - color: 3; } -/* line 91, inputs/interpolation.scss */ -foo, x, y { - color: #abc; } -/* line 97, inputs/interpolation.scss */ -div { - prop: a, b; } diff --git a/tests/outputs_numbered/keyword_args.css b/tests/outputs_numbered/keyword_args.css deleted file mode 100644 index 5a6d7463..00000000 --- a/tests/outputs_numbered/keyword_args.css +++ /dev/null @@ -1,7 +0,0 @@ -/* line 8, inputs/keyword_args.scss */ -pre { - out: alpha fort three palace; } -/* line 19, inputs/keyword_args.scss */ -div { - hello: 5; - world: -5; } diff --git a/tests/outputs_numbered/list.css b/tests/outputs_numbered/list.css deleted file mode 100644 index d80d6150..00000000 --- a/tests/outputs_numbered/list.css +++ /dev/null @@ -1,23 +0,0 @@ -/* line 4, inputs/list.scss */ -div { - padding: 10px 20px 30px 40px; - margin: 0 10px 10px 10px; - background: linear-gradient(black, white); } -/* line 13, inputs/list.scss */ -p { - background: linear-gradient(red, blue); } -/* line 17, inputs/list.scss */ -div { - x: 2; - z: 2; } -/* line 24, inputs/list.scss */ -div { - a: 10px; - b: -20px; - c: 30px; - d: 30px; } -/* line 31, inputs/list.scss */ -div { - x: space; - y: comma; - z: space; } diff --git a/tests/outputs_numbered/looping.css b/tests/outputs_numbered/looping.css deleted file mode 100644 index 3ca7273c..00000000 --- a/tests/outputs_numbered/looping.css +++ /dev/null @@ -1,89 +0,0 @@ -/* line 2, inputs/looping.scss */ -div { - color: what; - color: is; - color: this; - font: what; - font: is; - font: this; - background: what; - background: is; - background: this; - border: what; - border: is; - border: this; - background: what what; - background: is is; - background: this this; - background: what what; - background: is is; - background: this this; - color: red; } -/* line 32, inputs/looping.scss */ -div h1 { - font-size: 2em; } -/* line 32, inputs/looping.scss */ -div h2 { - font-size: 1.5em; } -/* line 32, inputs/looping.scss */ -div h3 { - font-size: 1.2em; } -/* line 42, inputs/looping.scss */ -span { - color: 0; - color: 1; - color: 2; - color: 3; - color: 4; - color: 5; - color: 6; - color: 7; - color: 8; - color: 9; - color: 10; } -/* line 50, inputs/looping.scss */ -pre { - color: 1; - color: 2; - color: 3; - color: 4; - height: 1; - height: 2; - height: 3; - height: 4; - height: 5; - cool: 10; - cool: 9; - cool: 8; - cool: 7; - cool: 6; - cool: 5; - cool: 4; - cool: 3; } -/* line 85, inputs/looping.scss */ -div { - a: false; - b: true; - c: true; - c: true; } -/* line 92, inputs/looping.scss */ -body.each { - color: 1; - background-color: 2; - color: 3; - background-color: 4; - color: 5; } -/* line 112, inputs/looping.scss */ -body.for { - color: 1; - background-color: 2; - color: 3; - background-color: 4; - color: 5; } -/* line 132, inputs/looping.scss */ -body.while { - color: 1; - background-color: 2; - color: 3; - background-color: 4; - color: 5; } diff --git a/tests/outputs_numbered/map.css b/tests/outputs_numbered/map.css deleted file mode 100644 index 16de52b9..00000000 --- a/tests/outputs_numbered/map.css +++ /dev/null @@ -1,22 +0,0 @@ -/* line 11, inputs/map.scss */ -div { - color: black; - color: red; - foo: black, red, #0f0; - bar: color, length; - baz: (color: #fff, color2: red, 'color3': #0f0, length: 40em); - foo: (length: 40em); - bar: true; } -/* line 23, inputs/map.scss */ -div { - foo: color black; - bar: color; } -/* line 31, inputs/map.scss */ -.black { - background-color: #000 !important; } -/* line 52, inputs/map.scss */ -div { - a: 1; - b: 2; - color: 1; - background-color: 2; } diff --git a/tests/outputs_numbered/media.css b/tests/outputs_numbered/media.css deleted file mode 100644 index 779bd31b..00000000 --- a/tests/outputs_numbered/media.css +++ /dev/null @@ -1,128 +0,0 @@ -@media { -/* line 4, inputs/media.scss */ -div { - color: blue; } } - -@media what { -/* line 7, inputs/media.scss */ -div { - color: blue; } } - -@media (cool) { -/* line 11, inputs/media.scss */ -div { - color: blue; } } - -@media (cool: blue) { -/* line 14, inputs/media.scss */ -div { - color: blue; } } - -@media hello and (world) and (butt: man) { -/* line 18, inputs/media.scss */ -div { - color: blue; } } - -@media (max-width: 940px) { - color: red; } - -@media not hello and (world) { - color: blue; -/* line 30, inputs/media.scss */ -pre { - color: blue; } } - @media butt and (world) { - color: red; -/* line 36, inputs/media.scss */ -div { -color: red; } } - -/* line 64, inputs/media.scss */ - -div { - color: blue; } - @media screen and (-webkit-min-device-pixel-ratio: 1.5) { -/* line 67, inputs/media.scss */ -div .sidebar { -width: 500px; } } -/* line 81, inputs/media.scss */ -div { - position: absolute; } - @media screen { - div { - top: 0; - bottom: 8em; - color: red; } -/* line 87, inputs/media.scss */ -div p { -margin: 5px; } -/* line 76, inputs/media.scss */ -div .success { -color: green; } } -/* line 95, inputs/media.scss */ -.button { - width: 300px; - height: 100px; - background: #eee; } -/* line 100, inputs/media.scss */ -.button :hover { - background: #aaa; } - -@media only screen and (max-width: 300px) { - .button { - width: 100px; - height: 100px; } } -/* line 110, inputs/media.scss */ -code { - position: absolute; } - -@media screen { - code { - height: 10px; } -/* line 113, inputs/media.scss */ -code pre { - height: 20px; } } -/* line 120, inputs/media.scss */ -@media screen and (color: blue) { - dt { - height: 10px; } } - -@media screen { -/* line 130, inputs/media.scss */ -.screen { - width: 12px; } } - -@media only screen { -/* line 134, inputs/media.scss */ -.only-screen { - height: 11px; } } - -@media only screen { -/* line 141, inputs/media.scss */ -.only-screen { - width: 14px; } } - -@media only screen { -/* line 145, inputs/media.scss */ -.only-screen { - height: 16px; } } - -@media print { -/* line 161, inputs/media.scss */ -.only-print { - height: 12px; } } - -@media screen { -/* line 169, inputs/media.scss */ -.only-print { - height: 12px; } } - -@media not screen { -/* line 185, inputs/media.scss */ -.not-screen { - height: 15px; } } - -@media only screen and (color: blue) and (width: 13) { -/* line 202, inputs/media.scss */ -.only-screen { - height: 15px; } } diff --git a/tests/outputs_numbered/mixins.css b/tests/outputs_numbered/mixins.css deleted file mode 100644 index ed1f4ffb..00000000 --- a/tests/outputs_numbered/mixins.css +++ /dev/null @@ -1,118 +0,0 @@ -/* line 9, inputs/mixins.scss */ -div { - color: blue; - color: red; } -/* line 4, inputs/mixins.scss */ -div pre { - height: 200px; } -/* line 26, inputs/mixins.scss */ -span { - color: blue; } -/* line 17, inputs/mixins.scss */ -span div { - height: 20px; } -/* line 30, inputs/mixins.scss */ -html { - height: 43px; } -/* line 39, inputs/mixins.scss */ -del { - height: 20px; } -/* line 52, inputs/mixins.scss */ -div { - color: white; - color: blue; - color: white; } -/* line 62, inputs/mixins.scss */ -div { - background-image: linear-gradient(left top, red, green); } -/* line 72, inputs/mixins.scss */ -div { - -moz-box-shadow: 10px 10px 5px #888; - -webkit-box-shadow: 10px 10px 5px #888; - box-shadow: 10px 10px 5px #888; - -moz-box-shadow: inset 10px 10px #888, -10px -10px #f4f4f4; - -webkit-box-shadow: inset 10px 10px #888, -10px -10px #f4f4f4; - box-shadow: inset 10px 10px #888, -10px -10px #f4f4f4; } -/* line 81, inputs/mixins.scss */ -/* line 82, inputs/mixins.scss */ - -div p { - color: red; - color: blue; } -/* line 83, inputs/mixins.scss */ -div p .class { - color: red; } -/* line 17, inputs/mixins.scss */ -div p .class div { - height: 20px; } -/* line 17, inputs/mixins.scss */ -div p div { - height: 20px; } -/* line 89, inputs/mixins.scss */ -div p .top { - top: 0; } -/* line 92, inputs/mixins.scss */ -div p .top div { - color: red; } -/* line 103, inputs/mixins.scss */ -div.mixin-content-simple { - color: red; } -/* line 109, inputs/mixins.scss */ -div.mixin-content-with-arg { - background: blue; - color: red; } -/* line 109, inputs/mixins.scss */ -div.mixin-content-with-arg { - background: purple; - height: 20px; } -/* line 103, inputs/mixins.scss */ -div.mixin-content-simple { - height: 43px; } -/* line 103, inputs/mixins.scss */ -div.mixin-content-simple { - color: orange; } -/* line 17, inputs/mixins.scss */ -div.mixin-content-simple div { - height: 20px; } -/* line 109, inputs/mixins.scss */ -div.mixin-content-with-arg { - background: purple; - height: 43px; } -/* line 109, inputs/mixins.scss */ -div.mixin-content-with-arg { - background: purple; - color: orange; } -/* line 17, inputs/mixins.scss */ -div.mixin-content-with-arg div { - height: 20px; } -/* line 156, inputs/mixins.scss */ -#please-wait { - background: url(/images/logo.png); - position: absolute; - top: 1em; - right: 0; - bottom: 3em; - left: 4em; } -/* line 168, inputs/mixins.scss */ -div.parameter-name-scope { - -webkit-transform: translateX(50px); } - -@-webkit-keyframes change-color { -/* line 181, inputs/mixins.scss */ -0% { - color: green; } -/* line 182, inputs/mixins.scss */ -100% { - color: red; } } -/* line 190, inputs/mixins.scss */ -@media screen and (min-width:0\0) { - .test { - color: #000; } } -/* line 197, inputs/mixins.scss */ -div { - content: "div"; - content: "div"; } -/* line 197, inputs/mixins.scss */ -div p { - content: "p"; - content: "p"; } diff --git a/tests/outputs_numbered/nested_mixins.css b/tests/outputs_numbered/nested_mixins.css deleted file mode 100644 index ae9c6029..00000000 --- a/tests/outputs_numbered/nested_mixins.css +++ /dev/null @@ -1,14 +0,0 @@ -/* line 13, inputs/nested_mixins.scss */ -/* line 2, inputs/nested_mixins.scss */ - div .container { - width: 10px; } -/* line 2, inputs/nested_mixins.scss */ -div .container .container { - width: 10px; - max-width: 12px; } -/* line 21, inputs/nested_mixins.scss */ -div .container .foo { - width: 10px; } -/* line 24, inputs/nested_mixins.scss */ -div .container .bar { - width: 12px; } diff --git a/tests/outputs_numbered/nesting.css b/tests/outputs_numbered/nesting.css deleted file mode 100644 index 4400af51..00000000 --- a/tests/outputs_numbered/nesting.css +++ /dev/null @@ -1,24 +0,0 @@ -div: blue; -/* line 3, inputs/nesting.scss */ -body { - color: red; } -/* line 8, inputs/nesting.scss */ -div { - color: red; - height: yes; } -/* line 12, inputs/nesting.scss */ -div pre { - color: blue; } -/* line 21, inputs/nesting.scss */ -div { - font: 10px hello world; - font-size: 10px; - font-color: blue; - border-left: 1px solid blue; - border-right: 2px dashed green; } -/* line 34, inputs/nesting.scss */ -#nested-nesting { - bar: baz; - bang-bop: bar; - bang-bip: 1px; - bang-blat-baf: bort; } diff --git a/tests/outputs_numbered/null.css b/tests/outputs_numbered/null.css deleted file mode 100644 index 90e4bf62..00000000 --- a/tests/outputs_numbered/null.css +++ /dev/null @@ -1,22 +0,0 @@ -/* line 2, inputs/null.scss */ -.div { - one: null; - one: world; - one: NULL world; - one: a, b; - two: a, b; } -/* line 12, inputs/null.scss */ -p:before { - content: "I ate pies!"; } -/* line 31, inputs/null.scss */ -.foo { - -webkit-border-radius: 10; - border-radius: 10; } -/* line 35, inputs/null.scss */ -.fu { - -webkit-border-radius: 20; - border-radius: 20; } -/* line 39, inputs/null.scss */ -.bar { - -webkit-border-top-left-radius: 30; - border-top-left-radius: 30; } diff --git a/tests/outputs_numbered/parsing_comments.css b/tests/outputs_numbered/parsing_comments.css deleted file mode 100644 index 5e0ec76a..00000000 --- a/tests/outputs_numbered/parsing_comments.css +++ /dev/null @@ -1,55 +0,0 @@ -/* comment 1 */ -/* line 2, inputs/parsing_comments.scss */ -a { - /* comment 2 */ - color: red; - /* comment 3 */ - /* comment 4 */ } -/* comment 5 */ -/*! comment 1 */ -/* line 10, inputs/parsing_comments.scss */ -b { - /*! comment 2 */ - color: red; - /*! comment 3 */ - /*! comment 4 */ } -/*! comment 5 */ -/* - * multi-line comment 1 - */ -/* line 20, inputs/parsing_comments.scss */ -c { - /* - * multi-line comment 2 - */ - color: red; - /* - * multi-line comment 3 - */ - /* - * multi-line comment 4 - */ } -/* - * multi-line comment 5 - */ -/*! - * multi-line comment 1 - */ -/* line 38, inputs/parsing_comments.scss */ -d { - /*! - * multi-line comment 2 - */ - color: red; - /*! - * multi-line comment 3 - */ - /*! - * multi-line comment 4 - */ } -/*! - * multi-line comment 5 - */ -/* line 54, inputs/parsing_comments.scss */ -e { - color: red; } diff --git a/tests/outputs_numbered/placeholder_selector.css b/tests/outputs_numbered/placeholder_selector.css deleted file mode 100644 index 3eb4a6ea..00000000 --- a/tests/outputs_numbered/placeholder_selector.css +++ /dev/null @@ -1,16 +0,0 @@ -/* line 1, inputs/placeholder_selector.scss */ -p a.notice span, p a.error span, #context a.notice span, #context a.error span { - color: blue; - font-weight: bold; - font-size: 2em; } -/* line 7, inputs/placeholder_selector.scss */ -/* line 9, inputs/placeholder_selector.scss */ -/* line 13, inputs/placeholder_selector.scss */ -p { - padding: 2em; } -/* line 18, inputs/placeholder_selector.scss */ -/* line 22, inputs/placeholder_selector.scss */ - -.layout { - color: red; } -/* line 26, inputs/placeholder_selector.scss */ diff --git a/tests/outputs_numbered/scss_css.css b/tests/outputs_numbered/scss_css.css deleted file mode 100644 index 6da0ddac..00000000 --- a/tests/outputs_numbered/scss_css.css +++ /dev/null @@ -1,788 +0,0 @@ -@charset "UTF-8"; -@import "foo.css"; -@import 'foo.css'; -@import url("foo.css"); -@import url('foo.css'); -@import url(foo.css); -@import "foo.css" screen; -@import "foo.css" screen, print; -@import "foo.css" screen, print and (foo: 0); -@import "foo.css" screen, only print, screen and (foo: 0); -/* line 1, inputs/scss_css.scss */ -[foo~=bar] { - a: b; } -/* line 5, inputs/scss_css.scss */ -[foo^=bar] { - a: b; } -/* line 9, inputs/scss_css.scss */ -[foo$=bar] { - a: b; } -/* line 13, inputs/scss_css.scss */ -[foo*=bar] { - a: b; } -/* line 17, inputs/scss_css.scss */ -[foo|=en] { - a: b; } -/* line 21, inputs/scss_css.scss */ -foo { - a: 2; - b: 2.3em; - c: 50%; - d: "fraz bran"; - e: flanny-blanny-blan; - f: url(http://sass-lang.com); - h: #abc; } -/* line 32, inputs/scss_css.scss */ -selector { - property: value; - property2: value; } -/* line 37, inputs/scss_css.scss */ -sel { - p: v; } -/* line 39, inputs/scss_css.scss */ -.foo { - /* Foo - Bar - Baz */ - a: b; } -/* line 46, inputs/scss_css.scss */ -.foo { - /* Foo - Bar - Baz */ - a: b; } -/* line 53, inputs/scss_css.scss */ -.foo { - /* Foo - Bar */ - a: b; } -/* line 58, inputs/scss_css.scss */ -.foo { - /* Foo - Bar - Baz */ - a: b; } - -@foo { - a: b; -/* line 65, inputs/scss_css.scss */ -rule { - a: b; } } - -@foo { - a: b; } - -@bar { - a: b; } - -@foo "bar" - -foo { - a: 12px calc(100%/3 - 2*1em - 2*1px); - b: 12px -moz-calc(100%/3 - 2*1em - 2*1px); - b: 12px -webkit-calc(100%/3 - 2*1em - 2*1px); - b: 12px -foobar-calc(100%/3 - 2*1em - 2*1px); } -/* line 84, inputs/scss_css.scss */ -foo { - bar: baz; } -/* line 86, inputs/scss_css.scss */ -bar { - bar: baz; } -/* line 88, inputs/scss_css.scss */ -baz { - bar: baz; } -/* - * foo - */ -/* line 94, inputs/scss_css.scss */ -bar { - baz: bang; } -/* line 97, inputs/scss_css.scss */ -E, F { - a: b; } -/* line 101, inputs/scss_css.scss */ -E F, G H { - a: b; } -/* line 105, inputs/scss_css.scss */ -E > F, G > H { - a: b; } -/* This is a CSS comment. */ -/* line 110, inputs/scss_css.scss */ -.one { - color: green; } -/* Another comment */ -/* The following should not be used: - .two {color: red;} */ -/* line 113, inputs/scss_css.scss */ -.three { - color: green; - /* color: red; */ } -/** - .four {color: red;} */ -/* line 116, inputs/scss_css.scss */ -.five { - color: green; } -/**/ -/* line 118, inputs/scss_css.scss */ -.six { - color: green; } -/*********/ -/* line 120, inputs/scss_css.scss */ -.seven { - color: green; } -/* a comment **/ -/* line 122, inputs/scss_css.scss */ -.eight { - color: green; } -/* line 125, inputs/scss_css.scss */ -foo { - a: \foo bar; - b: foo\ bar; - c: \2022 \0020; - d: foo\\bar; - e: foo\"\'bar; } -/* line 133, inputs/scss_css.scss */ -foo { - a: "\foo bar"; - b: "foo\ bar"; - c: "\2022 \0020"; - d: "foo\\bar"; - e: "foo\"'bar"; } -/* line 141, inputs/scss_css.scss */ -foo { - _name: val; - *name: val; - :name: val; - .name: val; - #name: val; - name/**/: val; - name/*\**/: val; - name: val; } - -@foo "bar" ; - -foo { - a: -moz-element(#foo); - b: -webkit-element(#foo); - b: -foobar-element(#foo); } - -@foo ; - -foo { - bar: baz; } - -/* line 179, inputs/scss_css.scss */ - -0% { - a: b; } -/* line 183, inputs/scss_css.scss */ -60% { - a: b; } -/* line 187, inputs/scss_css.scss */ -100% { - a: b; } -/* line 191, inputs/scss_css.scss */ -12px { - a: b; } -/* line 195, inputs/scss_css.scss */ -foo { - a: b; } -/* line 199, inputs/scss_css.scss */ -foo { - a: 12px expression(1 + (3 / Foo.bar("baz" + "bang") + function() {return 12;}) % 12); } -/* line 203, inputs/scss_css.scss */ -:foo("bar") { - a: b; } -/* line 207, inputs/scss_css.scss */ -:foo(bar) { - a: b; } -/* line 211, inputs/scss_css.scss */ -:foo(12px) { - a: b; } -/* line 215, inputs/scss_css.scss */ -:foo(+) { - a: b; } -/* line 219, inputs/scss_css.scss */ -:foo(-) { - a: b; } -/* line 223, inputs/scss_css.scss */ -:foo(+"bar") { - a: b; } -/* line 227, inputs/scss_css.scss */ -:foo(-++--baz-"bar"12px) { - a: b; } -/* line 231, inputs/scss_css.scss */ -foo { - a: foo-bar(12); - b: -foo-bar-baz(13, 14 15); } -/* line 254, inputs/scss_css.scss */ -foo { - a: foo !important; - b: foo bar !important; - b: foo, bar !important; } -/* line 260, inputs/scss_css.scss */ -foo { - a: -moz-bar-baz; - b: foo -o-bar-baz; } -/* line 265, inputs/scss_css.scss */ -foo { - a: d; - /* b; c: */ } -/* line 268, inputs/scss_css.scss */ -foo { - a: d; - /*: b; c */ } -/* Foo - * Bar */ -/* line 275, inputs/scss_css.scss */ -.foo { - /* Foo - * Bar */ } -/* line 280, inputs/scss_css.scss */ -[foo] { - a: b; } -/* line 284, inputs/scss_css.scss */ -[foo="bar"] { - a: b; } -/* line 288, inputs/scss_css.scss */ -[foo~="bar"] { - a: b; } -/* line 292, inputs/scss_css.scss */ -[foo^="bar"] { - a: b; } -/* line 296, inputs/scss_css.scss */ -[foo$="bar"] { - a: b; } -/* line 300, inputs/scss_css.scss */ -[foo*="bar"] { - a: b; } -/* line 304, inputs/scss_css.scss */ -[foo|="en"] { - a: b; } -/* line 308, inputs/scss_css.scss */ -:root { - a: b; } -/* line 312, inputs/scss_css.scss */ -:nth-child(n) { - a: b; } -/* line 316, inputs/scss_css.scss */ -:nth-last-child(n) { - a: b; } -/* line 320, inputs/scss_css.scss */ -:nth-of-type(n) { - a: b; } -/* line 324, inputs/scss_css.scss */ -:nth-last-of-type(n) { - a: b; } -/* line 328, inputs/scss_css.scss */ -:first-child { - a: b; } -/* line 332, inputs/scss_css.scss */ -:last-child { - a: b; } -/* line 336, inputs/scss_css.scss */ -:first-of-type { - a: b; } -/* line 340, inputs/scss_css.scss */ -:last-of-type { - a: b; } -/* line 344, inputs/scss_css.scss */ -:only-child { - a: b; } -/* line 348, inputs/scss_css.scss */ -:only-of-type { - a: b; } -/* line 352, inputs/scss_css.scss */ -:empty { - a: b; } -/* line 356, inputs/scss_css.scss */ -:link { - a: b; } -/* line 360, inputs/scss_css.scss */ -:visited { - a: b; } -/* line 364, inputs/scss_css.scss */ -:active { - a: b; } -/* line 368, inputs/scss_css.scss */ -:hover { - a: b; } -/* line 372, inputs/scss_css.scss */ -:focus { - a: b; } -/* line 376, inputs/scss_css.scss */ -:target { - a: b; } -/* line 380, inputs/scss_css.scss */ -:lang(fr) { - a: b; } -/* line 384, inputs/scss_css.scss */ -:enabled { - a: b; } -/* line 388, inputs/scss_css.scss */ -:disabled { - a: b; } -/* line 392, inputs/scss_css.scss */ -:checked { - a: b; } -/* line 396, inputs/scss_css.scss */ -::first-line { - a: b; } -/* line 400, inputs/scss_css.scss */ -::first-letter { - a: b; } -/* line 404, inputs/scss_css.scss */ -::before { - a: b; } -/* line 408, inputs/scss_css.scss */ -::after { - a: b; } -/* line 412, inputs/scss_css.scss */ -.warning { - a: b; } -/* line 416, inputs/scss_css.scss */ -#myid { - a: b; } -/* line 420, inputs/scss_css.scss */ -:not(s) { - a: b; } - -@media all { -/* line 425, inputs/scss_css.scss */ -rule1 { - prop: val; } -/* line 428, inputs/scss_css.scss */ -rule2 { - prop: val; } } - -@media screen, print { -/* line 433, inputs/scss_css.scss */ -rule1 { - prop: val; } -/* line 436, inputs/scss_css.scss */ -rule2 { - prop: val; } } - -@media screen and (-webkit-min-device-pixel-ratio: 0) { - a: b; } - -@media only screen, print and (foo: 0px) and (bar: flam(12px solid)) { - a: b; } -/* line 448, inputs/scss_css.scss */ -:-moz-any(h1, h2, h3) { - a: b; } -/* line 452, inputs/scss_css.scss */ -:-moz-any(.foo) { - a: b; } -/* line 456, inputs/scss_css.scss */ -:-moz-any(foo bar, .baz > .bang) { - a: b; } - -@-moz-document url(http://www.w3.org/), - url-prefix(http://www.w3.org/Style/), - domain(mozilla.org), - regexp("^https:.*") { -/* line 464, inputs/scss_css.scss */ -.foo { - a: b; } } -/* line 468, inputs/scss_css.scss */ -foo { - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000); } -/* line 473, inputs/scss_css.scss */ -foo { - filter: alpha(opacity=20); - filter: alpha(opacity=20, enabled=true); - filter: blaznicate(foo=bar, baz=bang bip, bart=#fa4600); } - -@foo bar { - a: b; } - -@bar baz { - c: d; } - -@foo bar; -@bar baz; - - -/* Foo - * Bar */ -/* Baz - * Bang */ - - -.foo { - /* Foo - * Bar */ - /* Baz - * Bang */ } -/* line 503, inputs/scss_css.scss */ -.foo { - /* Foo Bar */ - /* Baz Bang */ } - -@namespace "http://www.w3.org/Profiles/xhtml1-strict"; - -@namespace url(http://www.w3.org/Profiles/xhtml1-strict); - -@namespace html url("http://www.w3.org/Profiles/xhtml1-strict"); - -[foo|bar=baz] { - a: b; } -/* line 517, inputs/scss_css.scss */ -[*|bar=baz] { - a: b; } -/* line 521, inputs/scss_css.scss */ -[foo|bar|=baz] { - a: b; } -/* line 525, inputs/scss_css.scss */ -foo|E { - a: b; } -/* line 529, inputs/scss_css.scss */ -*|E { - a: b; } -/* line 533, inputs/scss_css.scss */ -foo|* { - a: b; } -/* line 537, inputs/scss_css.scss */ -*|* { - a: b; } -/* line 541, inputs/scss_css.scss */ -:not(foo|bar) { - a: b; } -/* line 545, inputs/scss_css.scss */ -:not(*|bar) { - a: b; } -/* line 549, inputs/scss_css.scss */ -:not(foo|*) { - a: b; } -/* line 553, inputs/scss_css.scss */ -:not(*|*) { - a: b; } -/* line 557, inputs/scss_css.scss */ -:not(#blah) { - a: b; } -/* line 561, inputs/scss_css.scss */ -:not(.blah) { - a: b; } -/* line 565, inputs/scss_css.scss */ -:not([foo]) { - a: b; } -/* line 569, inputs/scss_css.scss */ -:not([foo^="bar"]) { - a: b; } -/* line 573, inputs/scss_css.scss */ -:not([baz|foo~="bar"]) { - a: b; } -/* line 577, inputs/scss_css.scss */ -:not(:hover) { - a: b; } -/* line 581, inputs/scss_css.scss */ -:not(:nth-child(2n + 3)) { - a: b; } -/* line 585, inputs/scss_css.scss */ -:not(:not(#foo)) { - a: b; } -/* line 589, inputs/scss_css.scss */ -:not(a#foo.bar) { - a: b; } -/* line 593, inputs/scss_css.scss */ -:not(#foo .bar > baz) { - a: b; } -/* line 597, inputs/scss_css.scss */ -:not(h1, h2, h3) { - a: b; } -/* line 605, inputs/scss_css.scss */ -foo { - a: "bang 1 bar bip"; } -/* line 609, inputs/scss_css.scss */ -:nth-child(-n) { - a: b; } -/* line 613, inputs/scss_css.scss */ -:nth-child(+n) { - a: b; } -/* line 617, inputs/scss_css.scss */ -:nth-child(even) { - a: b; } -/* line 621, inputs/scss_css.scss */ -:nth-child(odd) { - a: b; } -/* line 625, inputs/scss_css.scss */ -:nth-child(50) { - a: b; } -/* line 629, inputs/scss_css.scss */ -:nth-child(-50) { - a: b; } -/* line 633, inputs/scss_css.scss */ -:nth-child(+50) { - a: b; } -/* line 637, inputs/scss_css.scss */ -:nth-child(2n+3) { - a: b; } -/* line 641, inputs/scss_css.scss */ -:nth-child(2n-3) { - a: b; } -/* line 645, inputs/scss_css.scss */ -:nth-child(+2n-3) { - a: b; } -/* line 649, inputs/scss_css.scss */ -:nth-child(-2n+3) { - a: b; } -/* line 653, inputs/scss_css.scss */ -:nth-child(-2n+ 3) { - a: b; } -/* line 657, inputs/scss_css.scss */ -:nth-child( 2n + 3) { - a: b; } -/* line 661, inputs/scss_css.scss */ -foo { - a: foo bar baz; - b: foo, #abc, -12; - c: 1px/2px/-3px; - d: foo bar, baz/bang; } - -@page { - prop1: val; - prop2: val; } - -@page flap { - prop1: val; - prop2: val; } - -@page :first { - prop1: val; - prop2: val; } - -@page flap:first { - prop1: val; - prop2: val; } -/* line 688, inputs/scss_css.scss */ -.foo { - /* Foo */ - a: b; } -/* line 693, inputs/scss_css.scss */ -.foo { - /* Foo - * Bar */ - a: b; } -/* Foo */ -/* line 699, inputs/scss_css.scss */ -.foo { - a: b; } -/* Foo - * Bar */ -/* line 704, inputs/scss_css.scss */ -.foo { - a: b; } -/* line 708, inputs/scss_css.scss */ -.foo #bar:baz(/* bang )*/ bip) { - /* .a #foo */ - a: b; } -/* line 712, inputs/scss_css.scss */ -> E { - a: b; } -/* line 716, inputs/scss_css.scss */ -+ E { - a: b; } -/* line 720, inputs/scss_css.scss */ -~ E { - a: b; } -/* line 724, inputs/scss_css.scss */ -> > E { - a: b; } -/* line 728, inputs/scss_css.scss */ ->> E { - a: b; } -/* line 732, inputs/scss_css.scss */ -E* { - a: b; } -/* line 736, inputs/scss_css.scss */ -E*.foo { - a: b; } -/* line 740, inputs/scss_css.scss */ -E*:hover { - a: b; } -/* line 744, inputs/scss_css.scss */ -E, F { - a: b; } -/* line 749, inputs/scss_css.scss */ -E F { - a: b; } -/* line 754, inputs/scss_css.scss */ -E, F G, H { - a: b; } -/* line 759, inputs/scss_css.scss */ -body { - /* - //comment here - */ } -/* line 766, inputs/scss_css.scss */ -E > F { - a: b; } -/* line 768, inputs/scss_css.scss */ -E ~ F { - a: b; } -/* line 770, inputs/scss_css.scss */ -E + F { - a: b; } -/* line 772, inputs/scss_css.scss */ -* { - a: b; } -/* line 776, inputs/scss_css.scss */ -E { - a: b; } -/* line 780, inputs/scss_css.scss */ -E[foo] { - a: b; } -/* line 784, inputs/scss_css.scss */ -E[foo="bar"] { - a: b; } -/* line 788, inputs/scss_css.scss */ -E[foo~="bar"] { - a: b; } -/* line 792, inputs/scss_css.scss */ -E[foo^="bar"] { - a: b; } -/* line 796, inputs/scss_css.scss */ -E[foo$="bar"] { - a: b; } -/* line 800, inputs/scss_css.scss */ -E[foo*="bar"] { - a: b; } -/* line 804, inputs/scss_css.scss */ -E[foo|="en"] { - a: b; } -/* line 808, inputs/scss_css.scss */ -E:root { - a: b; } -/* line 812, inputs/scss_css.scss */ -E:nth-child(n) { - a: b; } -/* line 816, inputs/scss_css.scss */ -E:nth-last-child(n) { - a: b; } -/* line 820, inputs/scss_css.scss */ -E:nth-of-type(n) { - a: b; } -/* line 824, inputs/scss_css.scss */ -E:nth-last-of-type(n) { - a: b; } -/* line 828, inputs/scss_css.scss */ -E:first-child { - a: b; } -/* line 832, inputs/scss_css.scss */ -E:last-child { - a: b; } -/* line 836, inputs/scss_css.scss */ -E:first-of-type { - a: b; } -/* line 840, inputs/scss_css.scss */ -E:last-of-type { - a: b; } -/* line 844, inputs/scss_css.scss */ -E:only-child { - a: b; } -/* line 848, inputs/scss_css.scss */ -E:only-of-type { - a: b; } -/* line 852, inputs/scss_css.scss */ -E:empty { - a: b; } -/* line 856, inputs/scss_css.scss */ -E:link { - a: b; } -/* line 860, inputs/scss_css.scss */ -E:visited { - a: b; } -/* line 864, inputs/scss_css.scss */ -E:active { - a: b; } -/* line 868, inputs/scss_css.scss */ -E:hover { - a: b; } -/* line 872, inputs/scss_css.scss */ -E:focus { - a: b; } -/* line 876, inputs/scss_css.scss */ -E:target { - a: b; } -/* line 880, inputs/scss_css.scss */ -E:lang(fr) { - a: b; } -/* line 884, inputs/scss_css.scss */ -E:enabled { - a: b; } -/* line 888, inputs/scss_css.scss */ -E:disabled { - a: b; } -/* line 892, inputs/scss_css.scss */ -E:checked { - a: b; } -/* line 896, inputs/scss_css.scss */ -E::first-line { - a: b; } -/* line 900, inputs/scss_css.scss */ -E::first-letter { - a: b; } -/* line 904, inputs/scss_css.scss */ -E::before { - a: b; } -/* line 908, inputs/scss_css.scss */ -E::after { - a: b; } -/* line 912, inputs/scss_css.scss */ -E.warning { - a: b; } -/* line 916, inputs/scss_css.scss */ -E#myid { - a: b; } -/* line 920, inputs/scss_css.scss */ -E:not(s) { - a: b; } -/* line 924, inputs/scss_css.scss */ -E F { - a: b; } -/* line 928, inputs/scss_css.scss */ -E > F { - a: b; } -/* line 932, inputs/scss_css.scss */ -E + F { - a: b; } -/* line 936, inputs/scss_css.scss */ -E ~ F { - a: b; } - -@supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) { -/* line 941, inputs/scss_css.scss */ -.foo { - a: b; } } - -@-prefix-supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) { -/* line 948, inputs/scss_css.scss */ -.foo { - a: b; } } -/* line 954, inputs/scss_css.scss */ -foo { - foo: bar; - #baz: bang; - #bip: bop; } -/* line 960, inputs/scss_css.scss */ -foo { - a: -2; - b: -2.3em; - c: -50%; - d: -foo(bar baz); } -/* line 967, inputs/scss_css.scss */ -foo { - a: -0.5em; - b: 0.5em; - c: -foo(12px); - d: +foo(12px); } -/* line 977, inputs/scss_css.scss */ -foo { - -moz-foo-bar: blat; - -o-flat-blang: wibble; } -/* line 981, inputs/scss_css.scss */ -foo { - a: foo(); - b: bar baz-bang() bip; } diff --git a/tests/outputs_numbered/selectors.css b/tests/outputs_numbered/selectors.css deleted file mode 100644 index 56fdbfa6..00000000 --- a/tests/outputs_numbered/selectors.css +++ /dev/null @@ -1,404 +0,0 @@ -/* line 1, inputs/selectors.scss */ -* { - color: blue; } -/* line 2, inputs/selectors.scss */ -E { - color: blue; } -/* line 4, inputs/selectors.scss */ -E:not(:link) { - color: blue; } -/* line 5, inputs/selectors.scss */ -E:not(:link):not(:visited) { - color: blue; } -/* line 6, inputs/selectors.scss */ -E:not(:link, :visited) { - color: blue; } -/* line 7, inputs/selectors.scss */ -E:matches(:hover, :focus) { - color: blue; } -/* line 9, inputs/selectors.scss */ -E.warning { - color: blue; } -/* line 10, inputs/selectors.scss */ -E#id { - color: blue; } -/* line 11, inputs/selectors.scss */ -E[foo] { - color: blue; } -/* line 12, inputs/selectors.scss */ -E[foo="barbar"] { - color: blue; } -/* line 13, inputs/selectors.scss */ -E[foo="barbar" i] { - color: blue; } -/* line 14, inputs/selectors.scss */ -E[foo~="hello#$@%@$#^"] { - color: blue; } -/* line 15, inputs/selectors.scss */ -E[foo^="color: green;"] { - color: blue; } -/* line 16, inputs/selectors.scss */ -E[foo$="239023"] { - color: blue; } -/* line 17, inputs/selectors.scss */ -E[foo*="29302"] { - color: blue; } -/* line 18, inputs/selectors.scss */ -E[foo|="239032"] { - color: blue; } -/* line 20, inputs/selectors.scss */ -[foo] { - color: blue; } -/* line 21, inputs/selectors.scss */ -[foo] .helloWorld { - color: blue; } -/* line 22, inputs/selectors.scss */ -[foo].helloWorld { - color: blue; } -/* line 23, inputs/selectors.scss */ -[foo="barbar"] { - color: blue; } -/* line 24, inputs/selectors.scss */ -[foo~="hello#$@%@$#^"] { - color: blue; } -/* line 25, inputs/selectors.scss */ -[foo^="color: green;"] { - color: blue; } -/* line 26, inputs/selectors.scss */ -[foo$="239023"] { - color: blue; } -/* line 27, inputs/selectors.scss */ -[foo*="29302"] { - color: blue; } -/* line 28, inputs/selectors.scss */ -[foo|="239032"] { - color: blue; } -/* line 30, inputs/selectors.scss */ -E:dir(ltr) { - color: blue; } -/* line 31, inputs/selectors.scss */ -E:lang(en) { - color: blue; } -/* line 32, inputs/selectors.scss */ -E:lang(en, fr) { - color: blue; } -/* line 34, inputs/selectors.scss */ -E:any-link { - color: blue; } -/* line 35, inputs/selectors.scss */ -E:link { - color: blue; } -/* line 36, inputs/selectors.scss */ -E:visited { - color: blue; } -/* line 37, inputs/selectors.scss */ -E:local-link { - color: blue; } -/* line 38, inputs/selectors.scss */ -E:local-link(0) { - color: red; } -/* line 39, inputs/selectors.scss */ -E:local-link(1) { - color: white; } -/* line 40, inputs/selectors.scss */ -E:local-link(2) { - color: red; } -/* line 41, inputs/selectors.scss */ -E:target { - color: blue; } -/* line 42, inputs/selectors.scss */ -E:scope { - color: blue; } -/* line 44, inputs/selectors.scss */ -E:current { - color: blue; } -/* line 45, inputs/selectors.scss */ -E:current(:link) { - color: blue; } -/* line 46, inputs/selectors.scss */ -E:past { - color: blue; } -/* line 47, inputs/selectors.scss */ -E:future { - color: blue; } -/* line 49, inputs/selectors.scss */ -E:active { - color: blue; } -/* line 50, inputs/selectors.scss */ -E:hover { - color: blue; } -/* line 51, inputs/selectors.scss */ -E:focus { - color: blue; } -/* line 52, inputs/selectors.scss */ -E:enabled { - color: blue; } -/* line 53, inputs/selectors.scss */ -E:disabled { - color: blue; } -/* line 54, inputs/selectors.scss */ -E:indeterminate { - color: blue; } -/* line 55, inputs/selectors.scss */ -E:default { - color: blue; } -/* line 56, inputs/selectors.scss */ -E:in-range { - color: blue; } -/* line 57, inputs/selectors.scss */ -E:out-of-range { - color: blue; } -/* line 58, inputs/selectors.scss */ -E:required { - color: blue; } -/* line 59, inputs/selectors.scss */ -E:optional { - color: blue; } -/* line 60, inputs/selectors.scss */ -E:read-only { - color: blue; } -/* line 61, inputs/selectors.scss */ -E:read-write { - color: blue; } -/* line 63, inputs/selectors.scss */ -E:root { - color: blue; } -/* line 64, inputs/selectors.scss */ -E:empty { - color: blue; } -/* line 65, inputs/selectors.scss */ -E:first-child { - color: blue; } -/* line 66, inputs/selectors.scss */ -E:nth-child(odd) { - color: blue; } -/* line 67, inputs/selectors.scss */ -E:nth-child(2n+1) { - color: blue; } -/* line 68, inputs/selectors.scss */ -E:nth-child(5) { - color: blue; } -/* line 69, inputs/selectors.scss */ -E:last-child { - color: blue; } -/* line 70, inputs/selectors.scss */ -E:nth-last-child(-n+2) { - color: blue; } -/* line 71, inputs/selectors.scss */ -E:only-child { - color: blue; } -/* line 72, inputs/selectors.scss */ -E:first-of-type { - color: blue; } -/* line 73, inputs/selectors.scss */ -E:nth-of-type(2n) { - color: blue; } -/* line 74, inputs/selectors.scss */ -E:last-of-type { - color: blue; } -/* line 75, inputs/selectors.scss */ -E:nth-last-of-type(n) { - color: blue; } -/* line 76, inputs/selectors.scss */ -E:only-of-type { - color: blue; } -/* line 77, inputs/selectors.scss */ -E:nth-match(odd) { - color: blue; } -/* line 78, inputs/selectors.scss */ -E:nth-last-match(odd) { - color: blue; } -/* line 80, inputs/selectors.scss */ -E:column(n) { - color: blue; } -/* line 81, inputs/selectors.scss */ -E:nth-column(n) { - color: blue; } -/* line 82, inputs/selectors.scss */ -E:nth-last-column(n) { - color: blue; } -/* line 84, inputs/selectors.scss */ -E F { - color: blue; } -/* line 85, inputs/selectors.scss */ -E > F { - color: blue; } -/* line 86, inputs/selectors.scss */ -E + F { - color: blue; } -/* line 87, inputs/selectors.scss */ -E ~ F { - color: blue; } -/* line 88, inputs/selectors.scss */ -E /foo/ F { - color: blue; } -/* line 89, inputs/selectors.scss */ -E! > F { - color: blue; } -/* line 92, inputs/selectors.scss */ -[foo|att=val] { - color: blue; } -/* line 93, inputs/selectors.scss */ -[*|att] { - color: yellow; } -/* line 94, inputs/selectors.scss */ -[|att] { - color: green; } -/* line 95, inputs/selectors.scss */ -[att] { - color: green; } -/* line 98, inputs/selectors.scss */ -E::first-line { - color: blue; } -/* line 99, inputs/selectors.scss */ -E::first-letter { - color: blue; } -/* line 100, inputs/selectors.scss */ -E::before { - color: blue; } -/* line 101, inputs/selectors.scss */ -E::after { - color: blue; } -/* line 104, inputs/selectors.scss */ -E::choices { - color: blue; } -/* line 105, inputs/selectors.scss */ -E::value { - color: blue; } -/* line 106, inputs/selectors.scss */ -E::repeat-index { - color: blue; } -/* line 107, inputs/selectors.scss */ -E::repeat-item { - color: blue; } -/* line 109, inputs/selectors.scss */ -E:first { - color: blue; } -/* line 110, inputs/selectors.scss */ -E:first-line { - color: blue; } -/* line 111, inputs/selectors.scss */ -E:first-letter { - color: blue; } -/* line 112, inputs/selectors.scss */ -E:before { - color: blue; } -/* line 113, inputs/selectors.scss */ -E:after { - color: blue; } -/* line 114, inputs/selectors.scss */ -E:checked { - color: blue; } -/* line 115, inputs/selectors.scss */ -E:invalid { - color: blue; } -/* line 116, inputs/selectors.scss */ -E:valid { - color: blue; } -/* line 117, inputs/selectors.scss */ -E:left { - color: blue; } -/* line 118, inputs/selectors.scss */ -E:right { - color: blue; } -/* line 121, inputs/selectors.scss */ -E:any(ol) { - color: blue; } -/* line 122, inputs/selectors.scss */ -E::selection { - color: blue; } -/* line 126, inputs/selectors.scss */ -div { - font: something; - font-size: 30em; } -/* line 127, inputs/selectors.scss */ -div font:something { - size: 30em; } -/* line 139, inputs/selectors.scss */ -/* line 140, inputs/selectors.scss */ - -.something.world { - color: blue; } -/* line 144, inputs/selectors.scss */ -.something .mold { - height: 200px; } -/* line 148, inputs/selectors.scss */ -.dog .something { - color: blue; } -/* line 153, inputs/selectors.scss */ -/* line 154, inputs/selectors.scss */ - -.dad .simple .wolf { - color: blue; } -/* line 158, inputs/selectors.scss */ -.rad.simple.bad { - color: blue; } -/* line 164, inputs/selectors.scss */ -/* line 165, inputs/selectors.scss */ - -/* line 166, inputs/selectors.scss */ - .something div .what.world { - color: blue; } -/* line 172, inputs/selectors.scss */ -/* line 173, inputs/selectors.scss */ - -div.foo div { - color: blue; } -/* line 176, inputs/selectors.scss */ -div + div { - color: green; } -/* line 181, inputs/selectors.scss */ -/* line 182, inputs/selectors.scss */ - -/* line 183, inputs/selectors.scss */ - /* line 184, inputs/selectors.scss */ - .nice-fonts .main .message div .title, .nice-fonts div .message div .title { - font-size: 24px; } -/* line 192, inputs/selectors.scss */ -.escape\% { - color: red; } -/* line 196, inputs/selectors.scss */ -.escape-plan\% { - color: green; } -/* line 200, inputs/selectors.scss */ -/* line 201, inputs/selectors.scss */ - -.element .one, .element .two { - property: value; } -/* line 228, inputs/selectors.scss */ -/* line 223, inputs/selectors.scss */ - -#secondary h1, #secondary h2, #secondary h3, #secondary h4, #secondary h5, #secondary h6 { - color: #e6e6e6; } -/* line 235, inputs/selectors.scss */ -/* line 236, inputs/selectors.scss */ - -.test foo, .test bar { - border: 1px dashed red; } -/* line 247, inputs/selectors.scss */ -/* line 248, inputs/selectors.scss */ - -span a, p a, div a { - color: red; } -/* line 253, inputs/selectors.scss */ -/* line 256, inputs/selectors.scss */ - -.parent.self { - content: "should match .parent.self"; } -/* line 259, inputs/selectors.scss */ -.parent .child { - content: "should match .parent .child"; } -/* line 262, inputs/selectors.scss */ -.parent.self2 { - content: "should match .parent.self2"; } -/* line 267, inputs/selectors.scss */ -/* line 269, inputs/selectors.scss */ - -.parent.self1, .parent.self2 { - content: "should match .parent.self1, .parent.self2"; } -/* line 274, inputs/selectors.scss */ -.self1 .parent { - content: "should match .self1 .parent"; } -/* line 279, inputs/selectors.scss */ -.parent + .parent { - content: "should match .parent + .parent"; } diff --git a/tests/outputs_numbered/short_circuit.css b/tests/outputs_numbered/short_circuit.css deleted file mode 100644 index e69de29b..00000000 diff --git a/tests/outputs_numbered/shorthand.css b/tests/outputs_numbered/shorthand.css deleted file mode 100644 index 7dbeb488..00000000 --- a/tests/outputs_numbered/shorthand.css +++ /dev/null @@ -1,29 +0,0 @@ -/* short-hand properties */ -/* line 2, inputs/shorthand.scss */ -div { - background: 0px 0px / 12px; - background: 25% 75% / cover; - background: center / 50%; - background: left / 3em; - background: right / auto; - background: top / contain; - background: 0px 0px, center / 50% auto; - background: 0px 0px, center / 3em 25%; - font: 0.8em / normal; - font: 12px / normal; - font: 80% / normal; - font: large / 34%; - font: large / 3.5; - font: large / 3em; - font: larger / normal; - font: 0.8em / 3.5; - font: 12px / 3em; - font: 80% / 34%; - /* size | family */ - font: 2em "Open Sans", sans-serif; - /* style | size | family */ - font: italic 2em "Open Sans", sans-serif; - /* style | variant | weight | size/line-height | family */ - font: italic small-caps bolder 16px/3 cursive; - /* The font used in system dialogs */ - font: message-box; } diff --git a/tests/outputs_numbered/values.css b/tests/outputs_numbered/values.css deleted file mode 100644 index d78e3938..00000000 --- a/tests/outputs_numbered/values.css +++ /dev/null @@ -1,35 +0,0 @@ -/* line 2, inputs/values.scss */ -#values { - color: #eee; - color: #eee; - height: 20px; - width: 80%; - color: "hello world"; - height: url("http://google.com"); - dads: url(http://leafo.net); - padding: 10px 10px 10px 10px, 3px 3px 3px; - textblock: "This is a \ -multiline block \ -#not { color: #eee;}"; - margin: 4, 3, 1; - content: "This is a \ -multiline string."; - border-radius: -1px -1px -1px black; } -/* line 20, inputs/values.scss */ -#subtraction { - lit: 10 -11; - lit: -1; - lit: -1; - lit: -1; - var: -90; - var: -90; - var: -90; - var: -90; } -/* line 34, inputs/values.scss */ -#special { - a: 12px expression(1 + (3 / Foo.bar("baz" + "bang") + function() {return 12;}) % 12); } -/* line 38, inputs/values.scss */ -#unary { - b: 0.5em; - c: -foo(12px); - d: +foo(12px); } diff --git a/tests/outputs_numbered/variables.css b/tests/outputs_numbered/variables.css deleted file mode 100644 index 77153c44..00000000 --- a/tests/outputs_numbered/variables.css +++ /dev/null @@ -1,42 +0,0 @@ -cool: 100px; -/* line 4, inputs/variables.scss */ -div { - height: red, two, three; } -/* line 10, inputs/variables.scss */ -div { - num: 1000; } -/* line 15, inputs/variables.scss */ -div { - num: 2000; } -/* line 23, inputs/variables.scss */ -pre { - color: blue; } -/* line 31, inputs/variables.scss */ -del { - color: red; } -/* line 34, inputs/variables.scss */ -/* line 36, inputs/variables.scss */ - del div pre { - color: red; } -/* line 50, inputs/variables.scss */ -body { - font-family: Arial; - font-family: Helvetica Neue; - font-family: "Helvetica Neue"; - font-family: Helvetica, Arial, sans-serif; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } -/* line 58, inputs/variables.scss */ -#main { - width: 5em; } -/* line 63, inputs/variables.scss */ -#sidebar { - width: 5em; } -/* line 71, inputs/variables.scss */ -A { - color: green; } -/* line 79, inputs/variables.scss */ -body { - color: #000; } -/* line 86, inputs/variables.scss */ -* { - data: 12; } diff --git a/tests/scss_test.rb b/tests/scss_test.rb deleted file mode 100644 index 3d849d8a..00000000 --- a/tests/scss_test.rb +++ /dev/null @@ -1,4147 +0,0 @@ -#!/usr/bin/env ruby -# -*- coding: utf-8 -*- -require File.dirname(__FILE__) + '/test_helper' - -class ScssTest < MiniTest::Test - include ScssTestHelper - - ## One-Line Comments - - def test_one_line_comments - assert_equal < :nested)) -@fblthp { - .foo .bar { - a: b; } } -CSS -.foo { - @fblthp { - .bar {a: b} - } -} -SCSS - end - - def test_keyframe_bubbling - assert_equal(< :nested)) -@keyframes spin { - 0% { - transform: rotate(0deg); } } -@-webkit-keyframes spin { - 0% { - transform: rotate(0deg); } } -CSS -.foo { - @keyframes spin { - 0% {transform: rotate(0deg)} - } - @-webkit-keyframes spin { - 0% {transform: rotate(0deg)} - } -} -SCSS - end - - ## Namespace Properties - - def test_namespace_properties - assert_equal < e - assert_equal 'Invalid CSS after "bar:baz calc": expected selector, was "(1 + 2)"', e.message - assert_equal 2, e.sass_line - end - - def test_namespace_properties_without_space_allowed_for_non_identifier - assert_equal < e - assert_equal "Extend directives may only be used within rules.", e.message - assert_equal 3, e.sass_line - end - - def test_at_root_doesnt_always_break_blocks - assert_equal < e - assert_equal 'Invalid CSS after "": expected selector, was "0%"', e.message - assert_equal 1, e.sass_line - end - - def test_selector_rule_in_keyframes - render < e - assert_equal 'Invalid CSS after "": expected keyframes selector (e.g. 10%), was ".foo"', e.message - assert_equal 2, e.sass_line - end - - def test_nested_mixin_def_is_scoped - render < e - assert_equal "Undefined mixin 'bar'.", e.message - assert_equal 3, e.sass_line - end - - def test_rules_beneath_properties - render < e - assert_equal 'Illegal nesting: Only properties may be nested beneath properties.', e.message - assert_equal 3, e.sass_line - end - - def test_uses_property_exception_with_star_hack - render < e - assert_equal 'Invalid CSS after " *bar:baz ": expected ";", was "[fail]; }"', e.message - assert_equal 2, e.sass_line - end - - def test_uses_property_exception_with_colon_hack - render < e - assert_equal 'Invalid CSS after " :bar:baz ": expected ";", was "[fail]; }"', e.message - assert_equal 2, e.sass_line - end - - def test_uses_rule_exception_with_dot_hack - render <; } -SCSS - assert(false, "Expected syntax error") - rescue Sass::SyntaxError => e - assert_equal 'Invalid CSS after " .bar:baz ": expected expression (e.g. 1px, bold), was "; }"', e.message - assert_equal 2, e.sass_line - end - - def test_uses_property_exception_with_space_after_name - render < e - assert_equal 'Invalid CSS after " bar: baz ": expected ";", was "[fail]; }"', e.message - assert_equal 2, e.sass_line - end - - def test_uses_property_exception_with_non_identifier_after_name - render < e - assert_equal 'Invalid CSS after " bar:1px ": expected ";", was "[fail]; }"', e.message - assert_equal 2, e.sass_line - end - - def test_uses_property_exception_when_followed_by_open_bracket - render < e - assert_equal 'Invalid CSS after " bar:{baz: ": expected expression (e.g. 1px, bold), was ".fail} }"', e.message - assert_equal 2, e.sass_line - end - - def test_script_error - render < e - assert_equal 'Invalid CSS after " bar: "baz" * ": expected expression (e.g. 1px, bold), was "* }"', e.message - assert_equal 2, e.sass_line - end - - def test_multiline_script_syntax_error - render < e - assert_equal 'Invalid CSS after " "baz" * ": expected expression (e.g. 1px, bold), was "* }"', e.message - assert_equal 3, e.sass_line - end - - def test_multiline_script_runtime_error - render < e - assert_equal "Undefined variable: \"$bang\".", e.message - assert_equal 4, e.sass_line - end - - def test_post_multiline_script_runtime_error - render < e - assert_equal "Undefined variable: \"$bop\".", e.message - assert_equal 5, e.sass_line - end - - def test_multiline_property_runtime_error - render < e - assert_equal "Undefined variable: \"$bang\".", e.message - assert_equal 4, e.sass_line - end - - def test_post_resolution_selector_error - render "\n\nfoo \#{\") bar\"} {a: b}" - assert(false, "Expected syntax error") - rescue Sass::SyntaxError => e - assert_equal 'Invalid CSS after "foo ": expected selector, was ") bar"', e.message - assert_equal 3, e.sass_line - end - - def test_parent_in_mid_selector_error - assert_raise_message(Sass::SyntaxError, < :compressed) -z a,z b{display:block} -CSS -a -, b { - z & { - display: block; - } -} -SCSS - end - - def test_if_error_line - assert_raise_line(2) {render(< :compressed) -foo{color:#000} -CSS -foo {color: darken(black, 10%)} -SCSS - end - - # ref: https://github.com/nex3/sass/issues/104 - def test_no_buffer_overflow - template = render < :compressed)) -@import url("fallback-layout.css") supports(not (display: flex)) -CSS -$display-type: flex; -@import url("fallback-layout.css") supports(not (display: #{$display-type})); -SASS - end - - def test_import_with_supports_clause - assert_equal(< :compressed)) -@import url("fallback-layout.css") supports(not (display: flex));.foo{bar:baz} -CSS -@import url("fallback-layout.css") supports(not (display: flex)); -.foo { bar: baz; } -SASS - end - -end