blob: 6cf05518bf426fb7543c2edb42371d96d72c0a36 (
plain)
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
|
$borderWeight : solid;
@mixin animals($list : puma, sea-slug, egret, salamander){
@each $animal in $list {
.#{$animal}-icon #animal, .menu {
background-image: url('/images/#{$animal}.png');
@include logo(10px);
@if 1+1 == 2 { border: 1px solid; }
}
}
}
@include animals;
.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; }
}
@each $thing in cube, triangle, circle{
.#{$thing}-icon {
background-image: url('/images/#{$thing}.png');
}
}
@mixin logo($size){
font: {
size: $size;
color: blue;
}
}
|
