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

Beitrag lesen

@@Gunnar:

nuqneH

Vielen Dank für deine Hilfe! :-)

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:  
> 	  
> ~~~scss

	@media #{$query}  

> 	{  
> 		@content;  
> 	}  
> }  
> 

Das hat fast auf Anhieb hingehauen ...,
einzig die quoted strings ("only screen" und " and ") musste ich jeweils noch in ein 'unquoted()' einschließen.

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

Werde ich mal testen.
Dank deiner freundlichen Unterstützung kann ich jetzt erstmal weiter basteln (u.a. möchte ich "benannte" Breakpoints verwenden können, die ich in einer Map speichere/ gespeichert sind).
Außerdem gehöre ich zu den Anhängern von 'stacked' MQs, d.h. ich verwende 'min-width' Werte für meine Breakpoints, und lasse die benötigten 'max-width' Werte in einer Funktion berechnen (natürlich alles in 'em's).

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

Ja, sollte man mal ändern und ggf. auch mal überlegen, ob man 'SASS' nicht als eigenen Themenbereich einführt! ;-)

Für Tipps & Anregungen bin ich natürlich immer dankbar!

Gruß Gunther

PS: Hast du evt. auch noch einen Tipp bezüglich eines Mixins für 'resolution', bzw. 'min-device-pixel-ratio'?

0 84

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

Gunther
  • css
  1. 1
    Gunnar Bittersmann
    1. 0
      Gunther
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunther
          1. 0

            Korrektur: Geht doch ohne 'unquote()'

            Gunther
          2. 0
            Gunnar Bittersmann
            1. 0
              Gunther
              1. 1
                Gunnar Bittersmann
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunnar Bittersmann
                    2. 0
                      Gunther
                  2. 0
                    molily
                    1. 0
                      Gunnar Bittersmann
                    2. 0
                      Gunther
                      1. 0
                        molily
                        1. 0
                          Gunther
                          1. 0
                            molily
                            1. 0
                              Gunther
                              1. 0
                                molily
                                1. 0
                                  Gunther
                            2. 0

                              Mobile First

                              molily
                              • design/layout
            2. 0
              Gunnar Bittersmann
            3. 0
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
              2. 0
                molily
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
                  3. 0

                    gelesene Postings hervorheben

                    Gunnar Bittersmann
                    • zu diesem forum
                    1. 0
                      Gunther
                2. 0

                  "Lücke" in stacked MQs detektieren

                  Gunther
                  • javascript
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunther
                  2. 0
                    molily
            4. 0

              Wert der Basis-Schriftgröße

              Gunther
              1. 0
                Gunnar Bittersmann
                1. 0
                  Gunther
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Gunther
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Gunther
                          1. 0
                            Gunther
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Gunther
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    Gunther
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Gunther
                                        1. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            Gunther
                                            1. 0
                                              Gunnar Bittersmann
                                              1. 0
                                                Gunnar Bittersmann
                                                1. 0
                                                  Gunther
                          2. 0
                            Gunnar Bittersmann
                            1. 0
                              Gunther
                              1. 0
                                Gunnar Bittersmann
                        2. 0
                          Gunnar Bittersmann
                        3. 0
                          Gunnar Bittersmann
                          1. 0
                            Gunnar Bittersmann
        2. 0
          Gunnar Bittersmann
          1. 0
            Gunther
            1. 0
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunther
        3. 0
          molily
          1. 0
            Gunther
            1. 0
              molily
              1. 0
                Gunther
            2. 1
              Gunnar Bittersmann
              1. 0
                Gunther
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunther
                  2. 0
                    molily
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Gunther
      2. 0
        molily
        1. 0
          Gunther
          1. 0
            molily
    2. 0
      Gunnar Bittersmann
      1. 0
        Gunther