blob: 147dc2e2c82b92c57299df03bb1493412bc76938 (
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
|
$list: null;
.div {
one: null;
one: null world;
one: NULL world;
one: a null, b;
two: a $list $list, $list, b;
three: $list;
}
$value: null;
p:before {
content: "I ate #{$value} pies!";
}
@mixin Rounded($radius1, $direction: null, $radius2: false) {
$corner: null;
@if $direction == TL { $corner: top-left-; }
@if $direction == TR { $corner: top-right-; }
@if $direction == BL { $corner: bottom-left-; }
@if $direction == BR { $corner: bottom-right-; }
@if $radius2 {
-webkit-border-#{$corner}radius: $radius1 $radius2;
border-#{$corner}radius: $radius1 $radius2;
} @else {
-webkit-border-#{$corner}radius: $radius1;
border-#{$corner}radius: $radius1;
}
}
.foo {
@include Rounded(10);
}
.fu {
@include Rounded(20, null);
}
.bar {
@include Rounded(30, TL);
}
|