Susy

Bussola è un quadro di riferimento di stile di authoring che utilizza SASS per fare fogli di stile più piccolo e più facile da scrivere.

Susy porta la campagna pubblicitaria delle reti rispondenti a bussola, permettendo agli sviluppatori di creare layout autoregolanti, in base alla dimensione della vista dell'utente.

Gli sviluppatori possono controllare il numero totale di colonne della griglia, la posizione della grondaia nella griglia, flusso griglia, e se è una griglia fissa o fluido.

Susy inoltre viene completo con un sacco di media query di punti di interruzione in modo da contenuto può essere diviso tra i tipi di dispositivi e larghezza dello schermo.

Cosa c'è di nuovo in questa versione :.

• uscita pacchetto susy NPM
• Aggiungi globale $ susy-media map per la creazione di nome punti di interruzione.
• Aggiungere il supporto dei media-query interna per susy-punto di interruzione, senza richiedere il plugin punto di interruzione.
• susy-breakpoint mixin non richiede più $ argomento layout. Per impostazione predefinita, nessun cambiamento sarà fatto per il layout esistente.
• Aggiorna-global-box dimensionamento e l'eredità border-box dimensionamento mixins facoltativamente prendere un altro argomento, $ ereditare. Questo nuovo argomento è un valore booleano che il default è falso, cioè il comportamento di questi mixin non cambieranno per impostazione predefinita. Il comportamento predefinito imposta tutti gli elementi di utilizzare la casella di ridimensionamento specificata, che può essere modificata solo in modo esplicito su una base per-elemento. Passando a $ ereditare come vero, la scatola-dimensionamento si trova sulla elemento HTML, e tutti gli altri elementi ereditano questa proprietà. Questo significa che la casella di ridimensionamento può essere modificata a livello di componenti e tutti gli elementi nidificati erediterà questo cambiamento. Questo effetto a cascata può essere prevenuta con box-sizing sulle eccezioni nel contesto nidificato impostazione esplicitamente.
• Aggiungi su importazione a livello di root.

Cosa c'è di nuovo nella versione 2.2.5:.

• uscita pacchetto susy NPM
• Aggiungi globale $ susy-media map per la creazione di nome punti di interruzione.
• Aggiungere il supporto dei media-query interna per susy-punto di interruzione, senza richiedere il plugin punto di interruzione.
• susy-breakpoint mixin non richiede più $ argomento layout. Per impostazione predefinita, nessun cambiamento sarà fatto per il layout esistente.
• Aggiorna-global-box dimensionamento e l'eredità border-box dimensionamento mixins facoltativamente prendere un altro argomento, $ ereditare. Questo nuovo argomento è un valore booleano che il default è falso, cioè il comportamento di questi mixin non cambieranno per impostazione predefinita. Il comportamento predefinito imposta tutti gli elementi di utilizzare la casella di ridimensionamento specificata, che può essere modificata solo in modo esplicito su una base per-elemento. Passando a $ ereditare come vero, la scatola-dimensionamento si trova sulla elemento HTML, e tutti gli altri elementi ereditano questa proprietà. Questo significa che la casella di ridimensionamento può essere modificata a livello di componenti e tutti gli elementi nidificati erediterà questo cambiamento. Questo effetto a cascata può essere prevenuta con box-sizing sulle eccezioni nel contesto nidificato impostazione esplicitamente.
• Aggiungi su importazione a livello di root.

Cosa c'è di nuovo nella versione 2.2.3:.

• uscita pacchetto susy NPM
• Aggiungi globale $ susy-media map per la creazione di nome punti di interruzione.
• Aggiungere il supporto dei media-query interna per susy-punto di interruzione, senza richiedere il plugin punto di interruzione.
• susy-breakpoint mixin non richiede più $ argomento layout. Per impostazione predefinita, nessun cambiamento sarà fatto per il layout esistente.
• Aggiorna-global-box dimensionamento e l'eredità border-box dimensionamento mixins facoltativamente prendere un altro argomento, $ ereditare. Questo nuovo argomento è un valore booleano che il default è falso, cioè il comportamento di questi mixin non cambieranno per impostazione predefinita. Il comportamento predefinito imposta tutti gli elementi di utilizzare la casella di ridimensionamento specificata, che può essere modificata solo in modo esplicito su una base per-elemento. Passando a $ ereditare come vero, la scatola-dimensionamento si trova sulla elemento HTML, e tutti gli altri elementi ereditano questa proprietà. Questo significa che la casella di ridimensionamento può essere modificata a livello di componenti e tutti gli elementi nidificati erediterà questo cambiamento. Questo effetto a cascata può essere prevenuta con box-sizing sulle eccezioni nel contesto nidificato impostazione esplicitamente.
• Aggiungi su importazione a livello di root.

Cosa c'è di nuovo nella versione 2.2.2:.

• uscita pacchetto susy NPM
• Aggiungi globale $ susy-media map per la creazione di nome punti di interruzione.
• Aggiungere il supporto dei media-query interna per susy-punto di interruzione, senza richiedere il plugin punto di interruzione.
• susy-breakpoint mixin non richiede più $ argomento layout. Per impostazione predefinita, nessun cambiamento sarà fatto per il layout esistente.
• Aggiorna-global-box dimensionamento e l'eredità border-box dimensionamento mixins facoltativamente prendere un altro argomento, $ ereditare. Questo nuovo argomento è un valore booleano che il default è falso, cioè il comportamento di questi mixin non cambieranno per impostazione predefinita. Il comportamento predefinito imposta tutti gli elementi di utilizzare la casella di ridimensionamento specificata, che può essere modificata solo in modo esplicito su una base per-elemento. Passando a $ ereditare come vero, la scatola-dimensionamento si trova sulla elemento HTML, e tutti gli altri elementi ereditano questa proprietà. Questo significa che la casella di ridimensionamento può essere modificata a livello di componenti e tutti gli elementi nidificati erediterà questo cambiamento. Questo effetto a cascata può essere prevenuta con box-sizing sulle eccezioni nel contesto nidificato impostazione esplicitamente.
• Aggiungi su importazione a livello di root.

Cosa c'è di nuovo nella versione 2.0.0:

• ew susyone test per Split-colonne, è- default-layout di, medialayout, colonne, relativa larghezza, larghezza delle colonne e all'ennesima-of-type (con True).
• Sass 3.3.0.
• Rinomina variabili locali 2.0 che sono in conflitto con le impostazioni susyone globali.
• contenitore Susyone mixin applica le impostazioni completi del contenitore ad ogni punto di interruzione.

Cosa c'è di nuovo nella versione 1.0.9:.

• compensazione fisso con isolate-grid mixin

Cosa c'è di nuovo nella versione 1.0.7:

• fissi bordo caso in cui $ contenitore in stile $ container larghezza causa dei conflitti.

Cosa c'è di nuovo nella versione 1.0.6:.

• Aggiunto isolare e isolare-grid mixins
• Aggiunto spurgo mixin.
• Aggiunto argomento $ stile di mixins griglia.
• errori di battitura documentazione fisso.

Cosa c'è di nuovo nella versione 1.0.5:.

• Aggiunto il supporto per rem-unità
• Pulizia effettuata citati argomenti.

Cosa c'è di nuovo nella versione 1.0.4:

• Corretto il bug in mixins nidificate che regolano il supporto (ad esempio, nth-Omeg dentro a-punto di interruzione).
• Rimosso non vale a dire il supporto sperimentale in IE-fallback uscita a-punto di interruzione.

Cosa c'è di nuovo nella versione 1.0.3:.

• dipendenze Compass fisse

Cosa c'è di nuovo nella versione 1.0.1:

• Risoluzione di un errore nel rapporto tra $ container- larghezza e $ border-box-sizing, in modo che grid-padding viene sottratta dalla larghezza in certi casi.
• Ripristina margine destro di auto piuttosto che con 0 remove-omega.