theme-compiler/tests/resources/scss/control-directives.scss


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

$borderWeight : solid;

@each $animal in puma, sea-slug, egret, salamander {
  .#{$animal}-icon #animal, .menu {
    background-image: url('/images/#{$animal}.png');
    @include logo(10px);
    @if 1+1 == 2 { border: 1px solid; }
  }
}

.trueIf {
	@if solid != dotted { border: 1px $borderWeight; }
	@else { border: 2px solid; }
}

.falseIf {
	@if 1+2 == 2 { border: 2px solid; }
	@else { border: 1px solid; }
}

.falseIfTrueElse {
	@if 1+2 == 2 { border: 2px solid; }
	@else if 1+1 == 2 { border: 1px solid; }
	@else { border: 3px solid; }
}

@mixin logo($size){
	font: {
		size: $size;
		color: blue;		
	}
}