[SASS] mixin @media rule Verknüpfung der Expressions?

[Gunnar Bittersmann]

@@Gunther:

nuqneH

Ich würde mir gerne meinen eigenen Mixin für @media rules schreiben.
Da dieser eine variable Anzahl an Parametern entgegennehmen soll, stehe ich aktuell vor dem Problem, dass ich die Verkettung der einzelnen Expressions per 'and' nicht hinbekomme.

Dein Mixin sieht dann wohl in etwa so aus?

@mixin mq($args...)  
{  

Zuerst baust du dir in einer Schleife den Query zusammen:

	$query: "only screen";  
	@each $arg in $args  
	{  
		$query: $query + " and " + $arg;  
	}  

Dann verwendest du den Query und bindest du den Content-Block ein:

	@media #{$query}  
	{  
		@content;  
	}  
}  

Aufruf dann so:

body  
{  
	@include mq("(min-width: 1em)", "(max-width: 2em)")  
	{  
		background: rebeccapurple;  
	}  
}  

Die Klammern könntest du natürlich auch mit dem Mixin generieren anstatt sie in den Argumenten zu haben.

Qapla'

PS: Die Forumsoftware erzählt mir, dass "scss" keine gültige Sprache für einen Code-Block sei. Dumme, die. ;-)