Die Frage sagt so ziemlich alles.Ist es in SASS möglich, von einer Klasse in einer anderen Datei zu erben?
Zum Beispiel, wenn ich sagen würde, Twitter Bootstrap, könnte ich Klassen in meinem eigenen SASS-Stylesheet definieren, die von den CSS-Klassen von Bootstrap erben? Oder funktioniert Vererbung in SASS nur im Rahmen einer einzigen Datei?
JA! ist es möglich.
Wenn Sie alle <button> Elemente wollen von der .btn Klasse erben Twitter Bootstrap's Default buttons
In Ihrer styles.scss Datei möchten Sie erste Import haben _bootstrap.scss:
@import "_bootstrap.scss";
Dann unter dem Import:
button { @extend .btn; }
Ich fühle mich schlecht zu tun da die anderen Antworten diese Frage ziemlich beantwortet haben (ich habe es einfach versäumt, eine Weile nachzuschauen und dann zu vergessen); aber ich akzeptiere deine Antwort, weil sie die vollständigste ist - d. h. sie führt mich durch den ganzen Prozess. Vielen Dank! –
Funktioniert das nur mit anderen SCSS-Dateien? Kannst du das nicht mit CSS-Dateien machen? – crush
Das hat mich nur umgehauen. Danke aus der Zukunft! –
Nach meinem Wissen, you have to use @import der Datei, die die Klassen enthält, die Sie in Ihre SASS-Datei verwenden möchten, um sie in dieser Datei zu verwenden. Ich bin jedoch kein SASS/SCSS-Experte, daher kann jemand eine andere Möglichkeit kennen, sie aus der Ferne zu benutzen, die mir nicht bekannt ist.
** Ich könnte mich irren, aber wenn ich bekomme, was Sie versuchen, können Sie nicht einfach den @extend .classname; Befehl innerhalb des Elements verwenden, das Sie erweitern möchten? Natürlich sollten Sie nur Ihren eigenen Code ändern, um die Aktualisierbarkeit beizubehalten.
wunderbare Frage, sehr geschätzt –