CSS Variablen

[rantanplan2000]

Hallo,

ich habe eine Frage zu CSS Varibalen. Der Basis-CSS Code ist glaube ich dieser:

:root {
  --hauptfarbe: red;
}
 
h1 {
  color: var(--hauptfarbe);
}

So, leider ist der IE die übliche Zicke und mag nicht so recht ... Gibt es über "CSS" eine Alternative, oder muss man es dann mit sass machen?

 

[SpiceLab]

CSS Varibalen

ich habe eine Frage zu CSS Varibalen.

Die Varibalen heißen Variablen

leider ist der IE die übliche Zicke und mag nicht so recht

IE Edge ist zumindest in der Mache:

• http://caniuse.com/#search=css variables
  • Resources: https://developer.microsoft.com/en-...rm/status/csscustompropertiesakacssvariables/

Please hold the line...

Und da ich nicht weiß, bei welcher (alten) IE-Version der Spaß für Dich aufhört...

• http://stackoverflow.com/questions/16574399/different-set-of-variables-for-ie-using-sass
• http://stackoverflow.com/questions/...-global-variables-stylesheet-theme-management
  
• ...

Sowie:

• https://jakearchibald.github.io/sass-ie/
• https://makandracards.com/makandra/1113-different-css-for-ie-using-sass
• https://www.aaron-gustafson.com/notebook/css-variables-are-a-bad-idea/
  
• http://geoffgraham.me/mobile-first-sass-for-internet-explorer/
• 
  
• ...

Oder zwecks Alternative:

• https://benfrain.com/breaking-up-with-sass-postcss/
  • https://github.com/postcss/postcss
    • http://postcss.org
  • https://github.com/reworkcss/rework

Moderation: Der Betreff wird im Anschluß korrigiert.

 

[rantanplan2000]

Cool danke!
Würdest du eigentlich allgemein empfehlen auf sass "umzusteigen"? Gibt ja doch einige Vorteile.

 

[Tronjer]

Sass ist kein Umstieg von CSS, sondern ein Präprozessor, der CSS generiert und sich in JavaScript Taskrunner und Bundler integrieren lässt. Du musst dazu keine neue Syntax erlernen, sondern deinen Workflow anpassen.

Falls du das erwägst, wähle nicht die Compass/Ruby-Variante, sondern lieber Node-Sass. Als Bundler bietet sich u.a. Webpack an.