Verwendung: TAO und SCSS

Produkt: Tao Contao

Hallo Support,
ich würde gerne das kürzlich gekaufte Theme "TAO" statt mit css mit SCSS verwenden. Aber eine compass Installation kommt für mich nicht in Frage.
Gibt es eine andere Möglichkeit?`
Eigentlich wird ja damit geworben, das auch SCSS verwendet werden kann. Und compass ist nun mal sehr veraltet. Und Ruby will ich nicht installieren.
Derzeit habe ich die custom.scss so umgeändert, dass "_mixins.scss" importiert wird.
Und diese custom.scss einfach als zusätzliches externes sytelsheet eingebunden. Alle sonstigen css-Dateien habe ich als Stylesheet dort drin belassen.
Somit kann ich dann in custom.scss meine Änderungen am Design in SCSS dort eintragen.
Wie gesagt...
Gibt es eine andere Möglichkeit?
Gruß
Manfred Gipp

  1. Vielen Dank für Ihre Frage.

    Wir arbeiten bereits an der Unterstützung für Sass ohne Compass, die Tests dazu sind jedoch noch nicht vollständig abgeschlossen.

    Bearbeiten Sie bitte die Datei files/tao/scss/main.scss und ersetzen Sie folgende Zeilen:

    @import "compass/css3/images";
    @import "compass/css3/text-shadow";
    @import "compass/css3/transition";
    @import "compass/css3/box-sizing";
    @import "compass/css3/transform";
    @import "compass/css3/font-face";
    @import "compass/css3/columns";
    @import "compass/css3/appearance";
    @import "compass/css3/background-clip";
    @import "compass/css3/background-origin";
    @import "compass/css3/filter";
    

    Mit diesem Code:

    @import "compass.scss";
    

    Und speichern die angehängte Datei _compass.scss in den Ordner files/tao/scss auf Ihrem Webspace.

    Danach sollten die SCSS-Dateien von jedem Sass-Parser verarbeitet werden können.

    • _compass.scss.zip (available to support staff) 602 Bytes
  2. Die neuesten Versionen der Themes benötigen kein Compass mehr. Die Stylesheets können nun mit einem belibigen Sass-Compiler oder als SCSS in Contao selbst verwendet werden.

Reply to this discussion Internal reply only staff will see it

Markdown

Attaching KB article:

» »

Read more…

Attach files

Up to 10MB each.

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac