Übergabe von css property: value an ein mixins-Argument
Ist so etwas wie das folgende Dummy-Beispiel in sass / scss möglich? Ich brauche so etwas, um die endlosen Wiederholungen der Medienabfrage für verschiedene Geräte zu verhindern.
// The dummy mixin
@mixin iphone_rules($webapp_portrait:null){
@if($webapp_portrait != null){
// Portrait (webapp)
@media screen and (max-height: 460px){
// The following line is just a dummy
eg. echo $webapp_portrait;
}
}
}
// How I want to use it
.mySelector{
margin-left:10px;
padding:0px;
@include iphone_rules('margin-left:20px; padding:2px;');
}