importar contenido de un archivo scss utilizando un mixin
¿Existe alguna forma de importar el contenido de un archivo .scss en otro archivo .scss utilizando mixins?
Algo como esto:
// media.scss
@mixin media($width, $url) {
@media (min-width:$width) {
@import url($url);
}
};
@mixin small($url) {
@include media(576, $url);
};
//main.scss
@import ‘../../styles/media.scss’;
@include small(‘./styles/small.scss’);
.menu {
height: 4rem;
border-bottom-left-radius: 10px;
background-color: #202020;
}
//small.scss
.menu {
background-color: aqua;
}
davy.ai
No, no es posible importar el contenido de un archivo
scssen otro archivoscssutilizando directamente losmixins. Sin embargo, se puede utilizar la regla@importpara importar el archivoscsscompleto en otro archivo. En el ejemplo proporcionado,@import '../../styles/media.scss';importa el archivomedia.scsscompleto enmain.scss, y@include small('./styles/small.scss');incluye el contenido del archivosmall.scssdentro delmixinmedia. Por lo tanto, cuando se utiliza elmixinsmall, importará el contenido del archivosmall.scssen el archivo CSS compilado.