scss - sass watch

¿Es posible en SASS heredar de una clase en otro archivo?

Question

La pregunta prácticamente lo dice todo.

Por ejemplo, si estuviera usando, digamos, Twitter Bootstrap , ¿podría definir clases en mi propia hoja de estilo SASS que herede de las clases de CSS de Bootstrap? ¿O la herencia en SASS solo funciona dentro del alcance de un solo archivo?

Answer 1

** Puede que me equivoque, pero si obtengo lo que intentas hacer, ¿no puedes simplemente usar @extend .classname; comando dentro del elemento que desea extender? Naturalmente, solo debe modificar su propio código para preservar la capacidad de actualización.

Answer 2

Que yo sepa, debe usar @import del archivo que contiene las clases que desea usar en su archivo SASS para poder utilizarlas en ese archivo. Sin embargo, no soy un experto en SASS / SCSS, por lo que alguien puede saber de otra forma de usarlos de forma remota que yo no conozco.

Answer 3

¡SÍ! Es posible.

Si desea que todos los elementos <button> hereden la clase .btn de los botones por defecto de Twitter Bootstrap

En su archivo styles.scss primero debe importar _bootstrap.scss :

@import "_bootstrap.scss";

Luego debajo de la importación:

button { @extend .btn; }