LESS Compiler Background gradients

Moin, ich habe zwei Fragen,

  • Wie alt ist der LESS Compiler in Shopware?

Wie bekomme ich mehrere Farbgradienten in einem background in LESS compiled? Beispiel: background: gradient(…),gradient(…)…

 

Dankeschön 

Der Less Compiler ist die letzte Version:

shopware/composer.json at 5.2 · shopware/shopware · GitHub -> GitHub - oyejorge/less.php: less.js ported to PHP.

Bzgl. Gardient: Diese werden in CSS durch ein Komma getrennt -> http://stackoverflow.com/questions/8253452/how-to-add-multiple-css-gradient-as-a-multiple-background

1 „Gefällt mir“

In der Composer.lock steht auch immer, welche Version wir konkret nutzen: shopware/composer.lock at 5.2 · shopware/shopware · GitHub

1 „Gefällt mir“

Danke [@Moritz Naczenski](http://forum.shopware.com/profile/14574/Moritz Naczenski „Moritz Naczenski“)‍ , gut zu wissen!

@Shopwareianer‍ , könntest du das hier rendern mit Shopware? Und wenn ja, wie hast du das angestellt?

background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%);

Danke euch.

 

PS: es ist pures CSS, ich brauch es auch nicht als LESS Funktion oder ähnliche. Wäre sogar schön wenn man LESS animieren könnte diesen Teil NICHT zu rendern.

Ja kann ich :slight_smile:

Was klappt denn bei dir nicht?

Hier bspw. mit beiden Gardient 1zu1 wie du es geschrieben hast: Link

Und hier den zweiten bspw. entfernt: Link

 

Ja kann ich :slight_smile:

Was klappt denn bei dir nicht?

Hier bspw. mit beiden Gardient 1zu1 wie du es geschrieben hast: Link

Und hier den zweiten bspw. entfernt: Link

Du kannst natürlich auch irgendeinen CSS Gardient Generatur nutzen mit puren CSS. Zusätzlich kannst du bei bedarf auch einfach die Hex-Codes durch die Less Variablen ersetzen. Musst du ja aber nicht, wenn du nicht ständig die Farben änderst.