Commit 08762895 by Hampton Catlin

adding in original SCSS specs

parent d4ee70dc
foo {
bar:baz:bang:bop:biddle:woo:look:at:all:these:pseudoclasses {a: b};
bar:baz bang bop biddle woo look at all these elems {a: b};
bar:baz bang bop biddle woo look at all these elems; }
foo {
bar: baz bang bop biddle woo look at all these elems; }
foo bar:baz:bang:bop:biddle:woo:look:at:all:these:pseudoclasses {
a: b; }
foo bar:baz bang bop biddle woo look at all these elems {
a: b; }
@function foo() {
@return 1 + 2;
}
bar {
a: foo();
}
@mixin foo {a: b}
bar {
@include foo;
c: d; }
foo {
@if true {a: b}
@else {x: y}
/* This is a comment */
c: d }
foo {
a: b;
/* This is a comment */
c: d; }
foo {
bar: baz; }
bar {
bar: baz; }
baz {
bar: baz; }
foo {
bar: baz; }
bar {
bar: baz; }
baz {
bar: baz; }
/* 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; }
/* 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; }
@import url(foo.css);
\ No newline at end of file
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: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000); }
.foo {
/* Foo Bar */
/* Baz Bang */ }
.foo {
/* Foo Bar */
/* Baz Bang */ }
:nth-child(2n + 3) {
a: b; }
:nth-child(2n + 3) {
a: b; }
.foo {
/* Foo
* Bar */
a: b; }
.foo {
/* Foo
* Bar */
a: b; }
/* Foo
* Bar */
.foo {
a: b; }
/* Foo
* Bar */
.foo {
a: b; }
foo {
a: -0.5em;
b: 0.5em;
c: -foo(12px);
d: +foo(12px); }
foo {
a: -0.5em;
b: 0.5em;
c: -foo(12px);
d: +foo(12px); }
@charset "UTF-8";
foo {
bar: föö bâr; }
@charset "UTF-8";
foo {
bar: föö bâr; }
$baz: 12;
@foo bar#{$baz} qux {a: b}
a {
@each $number in 1px 2px 3px 4px {
b: $number;
}
}
c {
@each $str in foo, bar, baz, bang {
d: $str;
}
}
a {
b: 1px;
b: 2px;
b: 3px;
b: 4px; }
c {
d: foo;
d: bar;
d: baz;
d: bang; }
@mixin foo { @content }
a { b: c; @include foo {} }
.foo {
@for $var from 1 through 5 {a: $var;}
}
.foo {
a: 1;
a: 2;
a: 3;
a: 4;
a: 5; }
@function plus($var1, $var2) {
@return $var1 + $var2;
}
bar {
a: plus(1, 2);
}
$var: 2 !default;
foo {a: $var}
@import "http://fonts.googleapis.com/css?family=Droid+Sans";
\ No newline at end of file
@import "http://fonts.googleapis.com/css?family=Droid+Sans";
@if "foo" != "foo" {foo {a: b}}
@else {bar {a: b}}
$family: unquote("Droid+Sans");
@import url("http://fonts.googleapis.com/css?family=#{$family}");
@import url("http://fonts.googleapis.com/css?family=Droid+Sans");
$bar : "#foo";
ul li#{$bar} a span.label { foo: bar; }
ul li#foo a span.label {
foo: bar; }
.keyed { color: rgba($color: #a7c, $alpha: 0.4) }
.keyed {
color: rgba(170, 119, 204, 0.4); }
foo {a: 1 + // flang }
blang }
@import "./fonts.sass" all;
\ No newline at end of file
@import "./fonts.sass" all;
$baz: 12;
@media bar#{$baz} {a: b}
$color: blue;
@mixin context($class, $color: red) {
.#{$class} {
background-color: $color;
@content;
border-color: $color;
}
}
@include context(parent) {
@include context(child, $color: yellow) {
color: $color;
}
}
.parent {
background-color: red;
border-color: red; }
.parent .child {
background-color: yellow;
color: blue;
border-color: yellow; }
@mixin a-mixin($required, $arg1: default-val1, $arg2: default-val2) {
required: $required;
arg1: $arg1;
arg2: $arg2;
}
.mixed { @include a-mixin(foo, $arg2: non-default-val2); }
.mixed {
required: foo;
arg1: default-val1;
arg2: non-default-val2; }
@mixin foo($a, $b) {
a: $a;
b: $b; }
.foo {@include foo(bar, 12px)}
@mixin foo {a: b}
.foo {@include foo();}
foo {
$var1: 1 +
2;
$var2: true and
false;
$var3: a b
c;
a: $var1;
b: $var2;
c: $var3; }
foo {
a: 3;
b: false;
c: a b c; }
foo {
bar: baz;
bang: {
bip: 1px;
bop: bar;}}
foo {
bar: baz;
bang-bip: 1px;
bang-bop: bar; }
foo {
bar: baz + bang {
bip: bop;
bing: bop; }}
foo {
bar: bazbang;
bar-bip: bop;
bar-bing: bop; }
foo {
bar: baz {
bip: bop;
bing: bop; }}
foo {
bar: baz;
bar-bip: bop;
bar-bing: bop; }
foo {
bar: baz;
bang: {
bip: 1px;
bop: bar;
blat:{baf:bort}}}
foo {
bar: baz;
bang-bip: 1px;
bang-bop: bar;
bang-blat-baf: bort; }
foo {
bar {baz {a: b}}
bang {bip {a: b}}}
foo bar baz {
a: b; }
foo bang bip {
a: b; }
foo {
ump: nump;
grump: clump;
bar {
blat: bang;
habit: rabbit;
baz {a: b}
bip {c: d}}
bibble {
bap {e: f}}}
foo {
ump: nump;
grump: clump; }
foo bar {
blat: bang;
habit: rabbit; }
foo bar baz {
a: b; }
foo bar bip {
c: d; }
foo bibble bap {
e: f; }
foo {
.bar {a: b}
:baz {c: d}
bang:bop {e: f}}
foo .bar {
a: b; }
foo :baz {
c: d; }
foo bang:bop {
e: f; }
foo, bar
baz {
bang, bip
bop {a: b}}
foo bang, foo bip
bop, bar
baz bang, bar
baz bip
bop {
a: b; }
.foo bar[val="//"] {
baz: bang; //}
}
.foo bar[val="//"] {
baz: bang; }
foo {
&:hover {a: b}
bar &.baz {c: d}}
foo:hover {
a: b; }
bar foo.baz {
c: d; }
@mixin a-mixin($required, $arg1: default-val1, $arg2: default-val2) {
required: $required;
arg1: $arg1;
arg2: $arg2; }
.mixed { @include a-mixin($arg2: non-default-val2, $arg1: non-default-val1, $required: foo); }
.mixed {
required: foo;
arg1: non-default-val1;
arg2: non-default-val2; }
@mixin a-mixin($required, $arg1: default-val1, $arg2: default-val2) {
required: $required;
arg1: $arg1;
arg2: $arg2; }
.mixed { @include a-mixin($required: foo); }
.mixed {
required: foo;
arg1: default-val1;
arg2: default-val2; }
foo {
a: 1 + 2;
b: 1 - 2;
c: foo + bar;
d: floor(12.3px); }
foo {
a: 3;
b: -1;
c: foobar;
d: 12px; }
$a : a;
$b : b;
div { -foo-#{$a}-#{$b}-foo: foo }
foo[val="bar #{"foo" + " bar"} baz"] {a: b}
foo {
bar: baz;
bang: {
bip: 1px;
bop: bar;}
buzz: {
fram: "foo";
frum: moo;
}
}
foo {
bar: baz;
bang-bip: 1px;
bang-bop: bar;
buzz-fram: "foo";
buzz-frum: moo; }
#foo #bar,,
,#baz #boom, {a: b}
#bip #bop, ,, {c: d}
#foo #bar,
#baz #boom {
a: b; }
#bip #bop {
c: d; }
$vär: foo;
blat {a: $vär}
@import url(fonts.sass);
\ No newline at end of file
@import url(fonts.sass);
foo {
$var: 2;
$another-var: 4;
a: $var;
b: $var + $another-var;}
$media1: screen;
$media2: print;
$var: -webkit-min-device-pixel-ratio;
$val: 20;
@media $media1 and ($var: $val), only $media2 {a: b}
@media screen and (-webkit-min-device-pixel-ratio: 20), only print {
a: b; }
$value : bip;
foo {
bar: -moz-#{$value};
}
$i: 1;
.foo {
@while $i != 5 {
a: $i;
$i: $i + 1;
}
}
.foo {
a: 1;
a: 2;
a: 3;
a: 4; }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment