Contao 4 und Prefix-Free für CSS

Hi Leute,

Um älter Browser mit CSS ansprechen zu können, sollte man ja Prefixe verwenden.

Es gibt ein Tool, daß sich wohl per JS einbinden lässt, sodaß man im CSS keine Prefixe mehr schreiben braucht.
https://leaverou.github.io/prefixfree/

Wie händelt Ihr das mit den Prefixen? Gibt es da von Contao schon etwas, das man verwenden kann?
Oder macht es Sinn, diese JS-Datei einzubinden? Wenn ja, wie muß man das machen?
Oder ist es besser, alles per Hand im CSS-Code einzugeben? (Schnelligkeit beim Laden der Seite)

Zitat:

---

Zitat von Schnippel

Wie händelt Ihr das mit den Prefixen?

---

Mit Gulp und dem autoprefixer.

Zitat:

---

Zitat von Spooky

Mit Gulp und dem autoprefixer.

---

dito

Früher Nutzung der Funktionalität von Compass bzw. Bourbon

Okay,

gibt es dazu eine Erweiterung, die man über den Contao-Manager installieren kann?

Wenn nicht, wie muß man das in Contao 4.7 einbinden?
Muß man beim Anlegen von CSS / SASS-Dateien bzw. CSS-Schreiben was beachten?

Gulp ist ein Tool, mit dem du Tasks ausführen kannst - wie zB das Prozessieren von JavaScript, CSS, SCSS, LESS, etc. Das hat nichts mit Contao oder PHP zu tun.

Alternativ wäre es auch über ein Postcss Plugin möglich.
Oder diese einmalig via sass/scss erstellen und anwenden - siehe z.B.:

https://css-tricks.com/snippets/sass...ix-properties/
https://github.com/pandao/prefixes.scss

Ahoi,
wenn Dir eine graphische Oberfläche sympathischer ist, kannst Du mal Prepros anschauen.

Wie schon von @Spooky angmerkt hat dieser Workflow nichts mit Contao zu tun. Ich mache die gesamte Layout-/Themeentwiclung lokal. Auf den Server kommt bei mir nur eine resultierende css-Datei.