Est-il possible dans SASS d'hériter d'une classe dans un autre fichier?
La question dit à peu près tout.
Par exemple, si j'utilisais, par exemple, Twitter Bootstrap , pourrais-je définir des classes dans ma propre feuille de style SASS qui hérite des classes CSS de Bootstrap? Ou bien l'héritage dans SASS ne fonctionne-t-il que dans le cadre d'un fichier unique?
OUI! c'est possible.
Si vous voulez tout <button> éléments pour hériter du .btn classe de boutons par défaut de Twitter Bootstrap
Dans votre styles.scss fichier que vous devez d’abord importer _bootstrap.scss:
@import "_bootstrap.scss";
Puis en dessous de l'importation:
button { @extend .btn; }
** Je me trompe peut-être, mais si je comprends ce que vous essayez de faire, ne pouvez-vous pas simplement utiliser le @extend .classname; commande à l'intérieur de l'élément que vous souhaitez étendre? Naturellement, vous ne devez modifier votre propre code que pour préserver la possibilité de mise à jour.
À ma connaissance, vous devez utiliser @import du fichier contenant les classes que vous souhaitez utiliser dans votre fichier SASS afin de les utiliser dans ce fichier. Cependant, je ne suis pas un expert SASS/SCSS, il est donc possible que quelqu'un connaisse un autre moyen de les utiliser à distance que je ne connais pas.