scssphp/tests/inputs/looping.scss at develop · kjensenportfolio/scssphp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

div {
	@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;
 		}
 	}
}


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