La domanda praticamente dice tutto.E 'possibile in SASS ereditare da una classe in un altro file?
Ad esempio, se stavo usando, diciamo, Twitter Bootstrap, potrei definire le classi nel mio foglio di stile SASS che ereditano dalle classi CSS di Bootstrap? O l'ereditarietà in SASS funziona solo nell'ambito di un singolo file?
SI! è possibile.
Se si desidera che tutti <button> elementi per ereditare la classe .btn da Twitter Bootstrap's Default buttons
Nel file styles.scss si dovrà prima importazione _bootstrap.scss:
@import "_bootstrap.scss";
Poi sotto l'importazione:
button { @extend .btn; }
mi sento male per fare questo dato che l'altro risponde più o meno a questa domanda (ho appena dimenticato di controllare per un po 'e poi ho dimenticato); ma accetto la tua risposta perché è la più completa, cioè mi accompagna attraverso l'intero processo. Grazie! –
Funziona solo con altri file SCSS? Non puoi farlo con i file CSS? – crush
Questo mi ha solo fatto impazzire. Grazie dal futuro! –
A mia conoscenza, you have to use @import del file che contiene le classi che si desidera utilizzare nel proprio file SASS, al fine di utilizzarli in quel file. Tuttavia, non sono un esperto SASS/SCSS, quindi qualcuno potrebbe conoscere un altro modo per utilizzarli a distanza di cui non sono a conoscenza.
** Potrei sbagliarmi, ma se ottengo quello che stai cercando di fare, non puoi semplicemente usare il comando @extend .classname; all'interno dell'elemento che vorresti estendere? Naturalmente, è necessario modificare solo il proprio codice per preservare l'aggiornabilità.
meravigliosa domanda, molto apprezzato –