# Less Compiler-Fehler mit Calc

**URL:** <https://forum.shopware.com/t/less-compiler-fehler-mit-calc/87633>\
**Category:** Programmierung\
**Created:** [12. Mai 2021 um 14:41 UTC](https://forum.shopware.com/t/less-compiler-fehler-mit-calc/87633 "2021-05-12T14:41:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jansass](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/jansass/32/13367_2.png) [@jansass](https://forum.shopware.com/u/jansass)\
**Post date:** [12. Mai 2021 um 14:41 UTC](https://forum.shopware.com/t/less-compiler-fehler-mit-calc/87633/1 "2021-05-12T14:41:41Z")

</div>

Moin,

Mit SW5 und dem alten LESS-Compiler gab es schon hinreichend Ärger, aber soetwas hat immerhin das richtige Ergebnis produziert:

.product-slider-item.tns-item {width: ~„calc(20vw - 10px)“ !important; }

Mit SW6 geht das nicht mehr, es bleibt ein hartnäckiger Parserfehler. Hat jemand der aktuellen Hack, wie die Anweisung oben korrekt im Compilat ankommt ?

Beste Grüße  
Jan

---

<div class="post-metadata">

**Author:** ![aleximi](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/aleximi/32/13313_2.png) [@aleximi](https://forum.shopware.com/u/aleximi)\
**Post date:** [16. Mai 2021 um 16:25 UTC](https://forum.shopware.com/t/less-compiler-fehler-mit-calc/87633/2 "2021-05-16T16:25:43Z")

</div>

Also in LESS brauchte man das, da es in LESS selbst auch die gleichnamige `calc()` funktion gibt, und man so das `calc()` ans CSS / den Browser durchreichte.

Bei SCSS, welches Shopware 6 verwendet, braucht man das denke ich nicht mehr.

Du musst also denke ich nur

```
width: calc(20vw - 10px);

```

schreiben.

Siehe auch

> <https://stackoverflow.com/questions/52869421/sass-calc-vs-normal-calculation>

Ich hoffe das hilft 🙂

---

<div class="post-metadata">

**Author:** ![jansass](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/jansass/32/13367_2.png) [@jansass](https://forum.shopware.com/u/jansass)\
**Post date:** [17. Mai 2021 um 06:13 UTC](https://forum.shopware.com/t/less-compiler-fehler-mit-calc/87633/3 "2021-05-17T06:13:21Z")

</div>

Guten Morgen,

das hilft sehr, zumal ich es genau so schon hatte, der Fehler aber doch woanders zu suchen war. Passt alles, vielen Dank!

Jan