Verwendung: SCSS Files

info's Avatar

info

26 Jan, 2015 02:28 PM

Produkt: Tao Contao

Guten Tag,

kann ich online auf meinem Server geänderte SCSS Dateien automatisch kompilieren ?
Ich kenne es von Laravel, dass das lokal mit bspw. Gulp automatisch geht bzw. Gulp watch.

Oder ist es hier ratsamer Contao lokal mit den SCSS Dateien zu bearbeiten ?
Könnt Ihr mir sagen, wie Ihr in eurer Agentur damit genau umgeht ?

  1. Support Staff 1 Posted by RockSolid Theme... on 26 Jan, 2015 04:06 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Wie Sie Sass und Compass verwenden können wird hier erklärt: http://rocksolidthemes.com/de/contao/support/tutorials/sass-compass-tutorial

    Die SCSS-Funktion von Contao kann leider noch nicht verwendet werden, da der eingesetzte Compiler nicht vollständig kompatibel zu Compass ist.

  2. 2 Posted by info on 26 Jan, 2015 04:13 PM

    info's Avatar

    Perfekt danke.

    Noch eine Frage zu SCSS:

    Wie würde ich hier am besten vorgehen, wenn ich die Variablen aus der main.scss Werte ändern wollen würde ?
    Sollte ich hierzu die Variabelen alle in meiner custom.scss eintragen ?

    Wobei ich denke, dass das nicht funktioniert oder ?
    Da die custom.css ja praktisch nach allen anderen kommt, um alles zu überschreiben.

    Wie gehe ich hier am besten vor ?
    das ganze soll natürlich auch entsprechend updatesicher sein.

  3. Support Staff 3 Posted by RockSolid Theme... on 27 Jan, 2015 08:48 AM

    RockSolid Themes's Avatar

    Die custom.scss ist komplett getrennt von der main.scss, deshalb würde die Änderung der Variablen dort keine Auswirkung haben.

    Am besten legen Sie sich eine zusätzliche _variables.scss in den Ordner scss und inkludieren diese mit @import "variables.scss"; nach den Definitionen der Variablen.

  4. 4 Posted by Maren on 27 Nov, 2016 09:58 AM

    Maren's Avatar

    Könnte man so etwas nicht einfacher und updatesicher aufbauen, wenn das Theme auf default Variable setzt?

  5. Support Staff 5 Posted by RockSolid Theme... on 28 Nov, 2016 09:35 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihr Feedback.

    Wir haben den Punkt auf unserer Wunschliste vermerkt.

  6. 6 Posted by Thomas Karp on 20 Apr, 2017 07:34 AM

    Thomas Karp's Avatar

    "Die SCSS-Funktion von Contao kann leider noch nicht verwendet werden, da der eingesetzte Compiler nicht vollständig kompatibel zu Compass ist."

    Gibt es hierzu Neuigkeiten, ob oder wann bzw. mit welcher Contao-Version die Benutzung direkt in Contao möglich ist? Das würde das Handling deutlich vereinfachen.

    Viele Grüße, Thomas Karp

  7. Support Staff 7 Posted by RockSolid Theme... on 20 Apr, 2017 09:03 AM

    RockSolid Themes's Avatar

    Der von Contao eingesetzte Compiler ist nach wie vor nicht vollständig kompatibel zu Compass. Wann dieser Compiler die nötige Kompatibilität erreich können wir leider nicht sagen.

  8. Support Staff 8 Posted by RockSolid Theme... on 14 May, 2020 09:51 AM

    RockSolid Themes's Avatar

    Könnte man so etwas nicht einfacher und updatesicher aufbauen, wenn das Theme auf default Variable setzt?

    Alle Themes nutzen in den neusten Versionen nun !default-Variablen.

  9. Support Staff 9 Posted by RockSolid Theme... on 21 Mar, 2023 04:05 PM

    RockSolid Themes's Avatar

    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

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

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