thomthom MemberComments: 43 Received thanks: 7 Member since: April 2014 edited July 17

Hallo zusammen.

Bootstrap 4 verwendet ja etliche !important rules.
Ich kann mich damit überhaupt nicht anfreunden, da dies eigentlich der letzte (schmutzige) "faule/hau drauf" Ausweg für mich wäre um etwas zu stylen.

Für mich persönlich wäre das ein NO-GO dieses Framework zu nutzen. Nun setzt Shopware 6 aber da drauf.
Wie sieht Ihr das? Ehrlich gesagt hab ich Bootstrap auch noch nie benutzt (auch deswegen) und kenne die "Tücken" nicht die evtl. dadurch entstehen könnten.
Ich weiß es ist sehr verbreitet und es wird jetzt beworben oder gerechtfertigt das "Entwickler" nicht Neues lernen müssten.
Das war bei Shopware 5 eigentlich auch nicht der Fall, man musste sich mMn. nur etwas in das CSS einlesen :)

MMn. wäre zB. inuitCSS -> https://github.com/inuitcss/inuitcss als SASS Framework eine bessere Wahl gewesen, da dort nicht so viele vordefinierte Dinge vorhanden sind die man letzten Endes doch wieder überschreiben muss (ggf. auch mit !important) ?!

Habt Ihr gute Erfahrungen mit dem ganzen !important rules?

Beste Grüße

[EDIT] : wobei inuitCSS evtl. bisschen outdated ist, scheint nicht mehr so richtig aktualisiert zu werden... aber von der Idee her halt?!

Answers

  • ShopwareianerShopwareianer MemberComments: 3452 Received thanks: 608 edited July 17 Member since: November 2013

    Ich bin davon auch absolut kein Fan.

    Allerdings verwendet Bootstrap die massigen !important nur bei utility-first - Also wenn du praktisch im code stylst.

    d-flex, m-r-2 usw. usw.

    Hier wiederum macht das ganze natürlich Sinn. Meiner Meinung nach macht es aber keinen Sinn für das default Theme. Ich glaube aber, dass es hier so gut wie nicht verwendet wird. Denn dann läuft man eben ganz schnell in das Problem, wenn man ein Theme extended überall !importants zu haben und das dann einfach total fürn Popo ist. Dann wird wieder !important nach !important überschrieben.

     

    Soweit ich das sehe verwendet das default Theme allerdings fast keine dieser utility-first classes. Zumindest habe ich auf anhieb nicht vieles gesehen. Aber das ist natürlich mega suboptimal - Wenn man bspw. die Navi nimmt, welche dann eben die class align-items-center hat mit !important. Willst du das ändern, müsstest du den ganzen HTML Block überschreiben, nur wiel du die class dieses einzelnen Elements ändern willst oder raus hauen wills. Eigentlich totaler Mist in meinen Augen :)

     

    Für ein finales Produkt kann man es sicherlich verwenden, für den Grundbaustein auf keinen Fall - Bei Shopware. Sehe ich auch so.

    Dieses utility-first geht ja gerade sehr Steil in der Szene mit dem Tailwind Framework von Adam Wathen, welcher aus der Laravel Community bekannt ist => https://tailwindcss.com/

    Das ganze kann natürlich je nach Situation ganz nice sein. Aber auf keinen Fall für ein Produkt wie Shopware, wo man eben ein default Theme erweitert mit custom Stylings usw.

    Ich bin generell kein Freund von Frameworks - Shopware 5 war ja da schon sehr gut fand ich ohne viel Framework Gedönse.

  • LarinesoLarineso MemberComments: 66 Received thanks: 11 edited July 17 Member since: July 2018

    Bis auf ein paar Ausnahmen findest du die ganzen !importants in den utilities. Bei meiner bisherigen Arbeit bin ich, von ein paar d-none's abgesehen, auf keine utilities gestoßen. Ich persönlich versuche mir immer eine klare Struktur mit sinnvollen Klassen aufzubauen und mit entsprechendem CSS zu versehen. Das macht für mich deutlich mehr Sinn, als das ganze über die utilities zu lösen. Die Arbeit an Projekten, in denen fast ausschließlich utilities verwendet wurden, finde ich persönlich sehr anstrengend. Shopware legt dir in dem Punkt aber keine Steine in den Weg. Halo

    Liebe Grüße

  • thomthom MemberComments: 43 Received thanks: 7 edited July 17 Member since: April 2014

    schön das ich da nicht allein bin ... auch bezgl. SW5 ohne Gedöhns!!

    Das Prinzip "utility-first" sagt mit jetzt noch nichts (muss ich ma gucken)
    aber wenn ich mir die all.css ansehe und nach !important suche finde ich 848 Übereinstimmungen Money-Mouth ... hmm fraglich was da auf uns zukommt.

  • LarinesoLarineso MemberComments: 66 Received thanks: 11 edited July 17 Member since: July 2018

    In der all.css ist auch Bootstrap, deshalb die ganzen !importants. Du wirst dich sicher schnell mit dem neuen System anfreunden können. Im Ganzen ist die Entwicklung deutlich angenehmer als in SW5.

    Liebe Grüße

  • thomthom MemberComments: 43 Received thanks: 7 edited July 17 Member since: April 2014

    ok, ja danke @Larineso‍.
    werd mal schauen wie das so im workflow kommt.
    hast mir bisschen die angst genommen.

    !important trotzdem extrem hässlich!!

  • LarinesoLarineso MemberComments: 66 Received thanks: 11 Member since: July 2018

    Ich bin auch kein Fan von !importants. Vielleicht kann uns ja jemand von Shopware darüber aufklären, warum die display-utilities z.B im Header oder der Navigation verwendet werden. Hat das einen besonderen Grund? Ich habe die schon an manchen Stellen entfernen müssen, weil die mit eigenen Anpassungen in Konflikt kamen, ich aber nicht mit zusätzlichen !importants arbeiten wollte. 

    Liebe Grüße

Sign In or Register to comment.