less.js, lessframework & CSS Gitter ala Blueprint oder 960.gs

StackOverflow https://stackoverflow.com/questions/3664524

  •  01-10-2019
  •  | 
  •  

Frage

Ok, so Less.js hat mitzukommen, und es scheint, dass meine Träume von einem CSS-Rahmen zu schaffen (vor allem einem ‚Raster‘ System), mit einer ‚abstrahiert‘ CSS Sprache über sein könnten wahr werden.

Das heißt, 960 und Blueprint sind groß und alle ... aber es mich so geärgert Stilinformationen setzen in HTML-Markup, wie zum Beispiel: 

class="article grid_4 pull_2"

oder was auch immer die Syntax war:)

So, jetzt scheint es, dass wir es auf diese Weise tun können: 

.article {
  .grid_container();
  .grid_four();
  .pull_two();
  .last();  
}

Weeeeeee!

Also, ich bin zu stecken, um in diese für mich selbst zu entwickeln - aber ich bin sicher, es gibt einige schlaue Köpfe gibt, die es bereits getan haben - so, bevor ich in jedem Heben schwerer Lasten bekommen ...

Jede führt?

Bitte

Daryl.

War es hilfreich?

Lösung

Dies ist der CSS-Framework Sie suchen - http://semantic.gs/

Die Semantic Grid-System - Seitenlayout für morgen. Set Spalte und Stegbreiten, die Anzahl der Spalten, und wechseln Sie zwischen Pixel und Prozent wählen. Alle ohne hässliche .grid_x Klassen in Ihrem Markup. Oh, und haben wir schon erwähnt, es ist ansprechbar? Mit freundlicher Unterstützung von LESS.js und dem Schöpfer von 1 KB Grid.

Andere Tipps

checkte ich aus weniger, es war ein Push zwischen diesem und der neuen sass (SCSS) Syntax, aber was ich wähle Sass ist, dass es eine Möglichkeit hat zu drehen CSS in SCSS Code.

Die Rundfahrt war etwas, das ich auf jeden Fall wollte. Sobald das geschehen ist, dann Compass präsentierte sich. Ich wollte in Python mit etwas Code, alles versuchen, aber es macht Sinn für mich die CSS vorverarbeitet, zumal ich HTML5 verwenden möchte, und wenn die Spezifikation ändert, dann kann ich die Erzeugung zwicken.

BTW Leute, ich habe angefangen, dass Rahmen, den ich sprach.

http://github.com/DarylAntony/lesser

Ich habe Spaß mit ihm.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top