El uso de @import

Jamás uses @import en CSS, ¡¡JAMÁS!!

El hecho de que uses @import en tu código implica que vas a hacer una petición al servidor para cargar más CSS, y si a esto le sumas que son varias peticiones, terminaras haciendo más lento tu sitio web.

[IMAGEN - PETICIONES DE CSS]

Si por alguna razón necesitas hacer una petición de algún documento CSS, usa <link> en el HTML, ya que este es más rápido, pero si lo que realmente buscas es unir estilos, utiliza pre-procesadores.

El uso del @import en pre-procesadores es todo lo contrario a CSS, ya que estos compilan todo el código dando como resultado un único documento con todo nuestros estilos, esto ayuda enormemente a mejorar la organización de nuestro código.

[IMAGEN - CSS VS PRE-PROCESADORES]

Lo que doy a entender es que @import es súper poderoso, siempre y cuando este se use con pre-procesadores.

Stylus

@import 'default.styl'

Sass

@import 'default.scss';

Less

@import 'default';