La pregunta prácticamente lo dice todo.¿Es posible en SASS heredar de una clase en otro archivo?
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?
YES! es posible.
Si desea que todos <button> elementos para heredar la clase .btn de Twitter Bootstrap's Default buttons
En el archivo styles.scss que tendría que la primera importación _bootstrap.scss:
@import "_bootstrap.scss";
A continuación, por debajo de la importación:
button { @extend .btn; }
Me siento mal por hacer esto ya que las otras respuestas respondieron bastante a esta pregunta (me olvidé de volver a comprobar por un tiempo y luego lo olvidé); pero estoy aceptando su respuesta porque es la más completa, es decir, me guía a través de todo el proceso. ¡Gracias! –
¿Esto solo funciona con otros archivos SCSS? ¿No puedes hacer esto con archivos CSS? – crush
Esto me dejó maravillado. Gracias del futuro! –
Que yo sepa, you have to use @import del archivo que contiene las clases que desea utilizar en su archivo SASS para 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.
** Puede que me equivoque, pero si obtengo lo que intenta hacer, ¿no puede simplemente usar el comando @extend .classname; dentro del elemento que desea extender? Naturalmente, solo debe modificar su propio código para preservar la capacidad de actualización.
pregunta maravillosa, muy apreciada –