non so come fare un mixin corretto per lo sfondo - html, css, sass

Sto usando Scss per il mio sito web.Sto cercando di rendere il mio codice più facile da leggere, quindi ho pensato di creare un mixin per la mia proprietà di background. Non ho usato un mixin prima di ... Voglio creare un mixin con queste proprietà: sfondo: # 6441A5; background: -webkit-linear-gradient (a sinistra, # 6441A5, # 2a0845); sfondo: gradiente lineare (a sinistra, # 6441A5, # 2a0845);

Come lo faccio ?

risposte:

Il codice che ti serve è:

@mixin background_mixin($bg) {
background: $bg
}

E quando hai bisogno di fare uno sfondo ad esempio # 6441A5:

@include background_mixin(#6441A5);

La miscelazione è come una funzione (nel nostro caso chiamatabackground_mixin) e gli dai un parametro (nel nostro caso chiamato $ bg). Quindi nel blocco di codice che vuoi usare, fai un @include con il nome del mixin e il valore che vuoi che il parametro ottenga.

Maggiori informazioni qui:

• http://sass-lang.com/guide
• https://www.sitepoint.com/sass-basics-the-mixin-directive/