Hi.
1) With .scss i wrote this:
@mixin radius($radius1,$radius2){ border-radius: $radius1 $radius2 / $radius2 $radius1;
}
But here, "/" forward slash is accepted as Dividing sign i guess. If i say
@include radius (30px,20px),
i get in CSS
border-radius: 30px 1 30px;
How to solve it?
2)Again, in SASS
@mixin translate($type, $value){
transform: $type($value);
-moz-transform: $type($value);
}
. I use
@include translate(rotate,30deg)
But it compiles to CSS as like this :
transform: rotate 30deg;
Parantheses disappear ?
Hi. 1) With .scss i wrote this:
@mixin radius($radius1,$radius2){border-radius: $radius1 $radius2 / $radius2 $radius1;
}
But here, "/" forward slash is accepted as Dividing sign i guess. If i say
@include radius (30px,20px),i get in CSSborder-radius: 30px 1 30px;How to solve it?2)Again, in SASS
@mixin translate($type, $value){ transform: $type($value); -moz-transform: $type($value); }. I use@include translate(rotate,30deg)But it compiles to CSS as like this :transform: rotate 30deg;Parantheses disappear ?First one is solved, i should use "border-radius: #{$radius1} #{$radius2} / #{$radius2} #{$radius1};
What about second?
LOL at thread title!
Urgent CSS :)
OK, i solved second two :D I should use
@mixin translate($me){ transform: $me; }And call it as like :@include translate(rotate(30deg));Thanx for reading ;)