less.js, lessframework & CSS griglie ala Blueprint o 960.gs

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

  •  01-10-2019
  •  | 
  •  

Domanda

Ok, quindi Less.js è venuto lungo, e sembra che i miei sogni di creare un quadro CSS (in particolare un sistema di 'grid'), con un linguaggio CSS 'astratta' potrebbero essere sul punto di avverarsi.

Cioè, 960 e Blueprint sono grandi e tutto ... ma così mi infastidiva di mettere le informazioni di stile in HTML markup, come ad esempio: 

class="article grid_4 pull_2"

o qualsiasi altra cosa la sintassi era:)

Quindi, ora sembra che siamo in grado di fare in questo modo: 

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

Weeeeeee!

Quindi, io sono in procinto di rimanere bloccati nello sviluppo di questo per me stesso - ma sono sicuro che ci sono alcuni brainiacs là fuori che hanno già fatto -? Così prima di entrare in qualsiasi sollevamento di carichi pesanti ...

Qualche pista?

Si prega

Daryl.

È stato utile?

Soluzione

Questo è il framework CSS che stai cercando - http://semantic.gs/

  

La griglia sistema semantico - Pagina Layout per domani.   Insieme di colonne e grondaia larghezze, scegliere il numero di colonne, e commutare tra pixel e percentuali.   Il tutto senza alcun classi .grid_x brutte nel vostro markup. Oh, e abbiamo detto che è reattivo?   Portato a voi da LESS.js e il creatore di 1 KB griglia.

Altri suggerimenti

ho controllato di meno, è stata una spinta tra questo e il nuovo href="http://sass-lang.com/" rel="nofollow noreferrer"> sass sintassi in il codice SCSS.

Il giro era una cosa che volevo assolutamente. Una volta che è successo, quindi Compass si è presentata. Stavo per provare a utilizzare qualcosa a tutto il codice in Python, ma ha perfettamente senso per me per pre-elaborare i css, soprattutto perché mi piacerebbe utilizzare HTML5, e se i cambiamenti spec, allora posso modificare la generazione.

BTW gente, ho iniziato questo quadro di cui parlavo.

http://github.com/DarylAntony/lesser

mi sto divertendo con esso.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top