Articles of sass

Sass che unisce il genitore usando la e commerciale (&) con i selettori di tipo

Sto avendo problemi con l’annidamento in Sass. Dì che ho il seguente codice HTML: Text Text Link Quando provo ad annidare i miei stili in seguito, viene visualizzato un errore di compilazione: .item { color: black; a& { color:blue; } } Come faccio a fare riferimento a un selettore di tipi prima del selettore genitore […]

Come posso usare le variabili Ruby / Rails all’interno di Sass?

C’è un modo per usare le variabili dalla mia applicazione Ruby all’interno di un file Sass?

Posso usare le variabili per i selettori?

Ho questa variabile: $gutter: 10; Voglio usarlo in un selettore come questo SCSS: .grid+$gutter { background: red; } quindi l’output diventa CSS: .grid10 { background: red; } Ma questo non funziona. È ansible?

Errore CSS Sass non valido: “espressione attesa”

Ho appena seguito il tutorial di Sass . Per qualche ragione sebbene il file Sass non stia generando correttamente il css. Il terminale dice che il css non è valido ma sono abbastanza sicuro che non lo sia. Ho provato a cambiarlo anche nel caso ci fosse un problema … Cosa ho fatto di sbagliato? […]

SCSS / SASS: come generare dynamicmente un elenco di classi con virgole che le separano

Sto lavorando con la syntax SCSS di SASS per creare un sistema di grid dinamico ma ho avuto un problema. Sto cercando di rendere il sistema di griglia completamente dinamico come questo: $columns: 12; quindi creo le colonne in questo modo: @mixin col-x { @for $i from 1 through $columns { .col-#{$i} { width: $column-size […]

È ansible importare un’intera directory in sass usando @import?

Sto modularizzando i miei fogli di stile con i partial SASS in questo modo: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues c’è un modo per includere l’intera directory dei partial (è una directory piena di partials SASS) come @import compass o qualcosa del genere?

Come sovrascrivere le variabili SCSS durante la compilazione in CSS

Sto cercando di usare i temi di jqtouch basati su SASS e COMPASS. Ho un file custom.scss con il codice più semplice, una importazione e una variabile da sovrascrivere: @import ‘jqtouch’; // Override variables $base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/ Quando ora compilo il file scss […]

Posso importare un file ospitato esternamente con sass?

Utilizzando Sass (SCSS) / Compass, è ansible importare alcuni CSS / SCSS nel codice da un file ospitato esternamente? Sto ospitando un plugin jQuery su un CDN e voglio mantenere il CSS nella stessa posizione in modo da non perderlo. Tuttavia, mi piacerebbe anche avere la possibilità di essere in grado di inserire il codice […]

Come estendere / modificare (personalizzare) Bootstrap 4 con SASS

Voglio creare un tema per il sito web basato su Bootstrap. Voglio estendere i componenti predefiniti di Bootstrap e cambiarne alcuni. Per questo, avrei bisogno di accedere alle variabili SASS definite da Bootstrap in modo da poterle ignorare. Ho pensato di clonare Bootstrap da GitHub e cambiarlo direttamente, ma ho sentito che in realtà non […]

SASS: scegli in modo casuale l’immagine di sfondo da un elenco

Devo emettere questo: #footer-widgets .container .row { background-image: url(“RANDOMLY PICKED”); background-position: right bottom; background-repeat: no-repeat; } … e dovrebbe esserci una lista con 4 o 5 link alle immagini di sfondo reali ( http://sofit.miximages.com/css/image.png ) da cui scegliere. Come posso fare questo con SASS?