Programmierung css-variables

19

Wie kann ich Farben als Variablen in CSS definieren?

Ich arbeite an einer CSS-Datei, die ziemlich lang ist. Ich weiß, dass der Client Änderungen am Farbschema beantragen kann, und habe mich gefragt: Ist es möglich, Variablen Farben zuzuweisen, sodass ich einfach eine Variable ändern kann, damit die neue Farbe auf alle Elemente angewendet wird, die sie verwenden? Bitte beachten …

216 css variables colors css-variables

10

Wie wende ich Deckkraft auf eine CSS-Farbvariable an?

Ich entwerfe eine App in Elektron, damit ich Zugriff auf CSS-Variablen habe. Ich habe eine Farbvariable definiert in vars.css: :root { --color: #f0f0f0; } Ich möchte diese Farbe verwenden main.css, aber mit etwas Deckkraft: #element { background: (somehow use var(--color) at some opacity); } Wie würde ich das machen? Ich …

144 css colors css-variables

7

CSS-native Variablen funktionieren nicht in Medienabfragen

Ich versuche, CSS-Variablen in Medienabfragen zu verwenden, und es funktioniert nicht. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { }

139 css media-queries css-variables

2

Gibt es eine Möglichkeit, CSS-Variablen mit url () zu interpolieren?

Ich möchte meine Hintergrund-URLs in benutzerdefinierten Eigenschaften (CSS-Variablen) speichern und sie mit der Hintergrundeigenschaft verwenden. Ich konnte jedoch keine Möglichkeit finden, die Zeichenfolge zu interpolieren, wenn ich sie als Parameter in verwende url(). Hier ist mein Beispielcode: :root { --url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416"; } body { background: url(var(--url)); } Ich weiß, dass …

72 css css-variables

Als «css-variables» getaggte Fragen