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();}
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