Articles of sass

Come utilizzare SASS con Netbeans 8.0.1

Sto cercando di utilizzare SASS in Netbeans 8.0.1. Ho impostato correttamente Ruby e SASS in base al feedback di ruby ​​-v. Ho installato un’applicazione Web con le cartelle css e scss in Project \ Web Pages \ resources. I miei input e output sono impostati rispettivamente su / scss e / css e ho selezionato […]

Come si spoglia l’unità da qualsiasi numero in SASS?

So che puoi spogliare le unità dai numeri in SASS quando conosci l’unità prima della mano in questo modo: $number: 16px; $without-unit: 16px / 1px; @warn $without-unit; // 16 Ma è ansible rimuovere l’unità da un numero senza sapere quale sia l’unità per prima? @function strip-unit($number) { // magic code here… } @warn strip-unit(16px); // […]

Cosa fa ‘&.’ in ‘& .sub-title’ indica in scss?

Sono un novizio di CSS e SCSS. Nel seguente codice, .title { width: 718px; &.sub-title { width: 938px; } } Cosa fa &. si intende? È lo stesso della class di nidificazione?

Verifica se una variabile è definita in SASS

Come dice il titolo, sto cercando di verificare se una variabile è definita in SASS. (Sto usando la bussola se questo fa la differenza) Ho trovato l’equivalente Ruby che è: defined? foo Ho dato un colpo al buio ma mi ha appena dato l’errore: defined”: expected “{“, was “? Ho trovato un lavoro in giro […]

come guardare i cambiamenti in tutta la directory / cartella contenente molti file sass

Come posso rintracciare i cambiamenti nell’intera directory che contiene molti file sass? Sto usando il seguente comando per osservare i cambiamenti in sass file: sass –watch style.scss:style.css Ma come guardare i cambiamenti in tutta la directory / cartella contenente molti file sass.

Usando @ font-face con l’app Rails 3.1?

Sto riscontrando problemi nell’usare la seguente dichiarazione @font-face per lavorare con la mia app Rails 3.1. Inserisco i caratteri nella Pipeline Asset nella sua cartella denominata “Caratteri” accanto a images e stylesheets e javascripts Ecco la dichiarazione che ho usato (generata da Font Squirrel.) @font-face { font-family: ‘ChunkFiveRegular’; src: url(‘Chunkfive-webfont.eot’); src: url(‘Chunkfive-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘Chunkfive-webfont.woff’) format(‘woff’), […]

Implementazione SASS per Java?

Sto cercando l’implementazione SASS in Java (potrebbe essere utilizzato con JSP / JSF). Per Python ho trovato CleverCSS, ma non c’è niente per Java. Qualcuno ha sentito qualcosa su questo tipo di strumento per generare CSS?

SASS per l’aggiornamento del loop hsla luminosità restituisce errore $ leggerezza: “96.77419” non è un numero per `hsla ‘

Sto provando a ripetere una serie di volte riducendo gradualmente il valore di luminosità di hsla ma quando eseguo il ciclo ottengo un errore $lightness: “96.77419” is not a number for hsla’`. Qualcuno può consigliarmi dove sto andando male con questo o come può essere migliorato? Codice $iterations: 31; $base: 100; $math: $base / $iterations; […]

Passa la funzione o mixin per riferimento in SASS

C’è un modo per passare una funzione o un mixin facendo riferimento a un’altra funzione o mixin in SASS, e quindi chiamare la funzione di riferimento o mixin? Per esempio: @function foo($value) { @return $value; } @mixin bob($fn: null) { a { b: $fn(c); // is there a way to call a referenced function here? […]

Sass @each con più variabili

Sto solo iniziando con Sass e Compass e lo amo. Qualcosa che mi piacerebbe fare è sfruttare la funzione @each per semplificare le attività ripetitive. Tuttavia, ho visto solo esempi di @each inserisce una variabile e mi piacerebbe poter utilizzare più variabili. Il modo standard (dal riferimento Sass ): @each $animal in puma, sea-slug, egret, […]