WENIGER: Können Sie einen CSS-Selektor mit einer Medienabfrage gruppieren?

Es hat mir wirklich Spaß gemacht, herauszufinden, dass Sie eine Medienabfragevariable erstellen können, die Sie einfach wiederverwenden können und die den Code viel besser lesbar macht.

@tablet: ~"(min-width: 768px) and (max-width: 980px)";
@media @tablet { ... }

Ich möchte wissen, ob es möglich ist, eine Medienabfrage mit einem Selektor zu gruppieren. Es scheint nicht so zu funktionieren, wie ich es implementiert habe, aber ich dachte, ich würde fragen, ob es überhaupt wahrscheinlich ist.

@tablet: ~"(min-width: 768px) and (max-width: 980px)";
body {
  aside { ... }

  &.homepage,
  @media @tablet {
    aside { ... }
  }
}

Ich verstehe, dass sich Medienabfragen von herkömmlichen Selektoren unterscheiden, da Sie Ihre Selektoren innerhalb der Medienabfrage definieren müssen. Gibt es jedoch eine Möglichkeit, mit Voodoo WENIGER eine solche Gruppierung durchzuführen?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage