Vereinfachte CSS Definitionen mit Less

[hbauer]

Mit dem Tool Less kann man bei den CSS Definitionen einiges vereinfachen. Vielleicht erkennt ja jemand das Beispiel
http://hgnb.de/86


Linkback: https://www.modified-shop.org/forum/index.php?topic=19803.0

[Pago]

Hallo Hagen,

Die Frage ist hier aber eher ob es Sinn macht less zu nutzen nur um ein paar wenige Zeilen Code zu sparen.
Im Endeffekt hat man wie in deinem Beispiel für 3 Klassen 1 Javascript und 1 stylesheet mehr.

Ich denke less bringt erst wirklich was wenn man ein css Framework nutzt.

Aber ob es so sinnvoll ist den modified eCommerce Shopsoftware auf less umzustricken, hm weiss nicht.

PS: fix mal deine icon-home klasse in der Navbar, die ist bei mir im Ipad und im Opera nach oben verschoben.

Und Tante Edit meint:
Danke für die gelbe Schleife

[hbauer]

In meinem Fall ging es mir mehr um das Vermeiden von wiederholten Eingaben. Da ich die Konvertierung nicht auf der Client Seite mache sondern "vorab" fällt auch die Javascript Datei weg.

Den ganzen Shop würde ich auch nicht umstricken wollen aber an der einen oder anderen Stelle könnte es vielleicht anderen helfen die Übersicht zu behalten.

[Matt]

Ich persönlich werde mit CSS-Präprozessoren ja nicht wirklich warm und der von less generierte Code gibt mir da recht.

[Jenser]

Wäre es denn nicht wesentlich einfacher gewesen ".kleingedrucktes" gleich als CSS-Klasse zu definieren?  :

[noRiddle (revilonetz)]

Wäre es denn nicht wesentlich einfacher gewesen ".kleingedrucktes" gleich als CSS-Klasse zu definieren?  :

Ist doch definiert,
aber so geht es auch ohne LESS

Code: CSS  [Auswählen]

.kleingedrucktes, .vpe, .shippingtime,  .taxandshippinginfo {
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
 

statt extra

Code: CSS  [Auswählen]

.vpe { .kleingedrucktes; }
.shippingtime {.kleingedrucktes}
.taxandshippinginfo {.kleingedrucktes}

Aber das ist ja nur ein Beispiel auf hbauer's Seite,
wenn auch kein besonders eindrückliches welches einen von LESS überzeugen könnte.
Peace hbauer. 

Gruß,
noRiddle

[Thomas K.]

Ich halte sehr viel von Produkten wie less sass/scss. Das ist der lang ersehnte Schritt, den man bei css immer vermisst hat bzw. der einen Fluchen ließ, weil man an 50 Ecken in der 3000 Zeilen CSS-Datei Teile Ändern musste. Mit Variablen, Funktionen, Operatoren und Verschachtelungen lebt es sich einfach besser.

Hier nochmal die korrekte Referenz:
http://www.lesscss.de/

Und dazu noch kinderleicht zu implementieren.

[noRiddle (revilonetz)]

Das konnte man doch schon immer, mit PHP (Endung *css.php).
(Okay, da benötigt man zum Ansprechen der vordefinierten Variablen allerdings immer php-tags...)

Gruß,
noRiddle

[Matt]

Das ist der lang ersehnte Schritt, den man bei css immer vermisst hat

Ich mach das ja jetzt auch schon ein paar Jahre und ich habe es nie vermisst. Ich befürchte eher, dass LESS und SASS eine weitere jQuery-Generation von Web Developern heranziehen wird: Leute, die kein echtes CSS oder Javascript mehr schreiben können, aber meinen, sie würden die Technologie beherrschen.

[Thomas K.]

Jedem seine Meinung.