import y mediaquery

[destor77]

Hola gente
estoy armando una web que soporte responsive design, viendo mucho tutoriales noto que para cargar los estilos según el medio se usa esto por ejemplo:

Código CSS:

@media screen and (max-width: 980px) {
 
    #pagewrap {
        width: 95%;
    }
 
    #content {
        width: 60%;
        padding: 3% 4%;
    }
 
    #sidebar {
        width: 30%;
    }
    #sidebar .widget {
        padding: 8% 7%;
        margin-bottom: 10px;
    }
 
}
 

y esto

Código CSS:

@media screen and (max-width: 650px) {
 
    #header {
        height: auto;
    }
 
    #searchform {
        position: absolute;
        top: 5px;
        right: 0;
    }
 
    #main-nav {
        position: static;
    }
 
    #site-logo {
        margin: 15px 100px 5px 0;
        position: static;
    }
 
    #site-description {
        margin: 0 0 15px;
        position: static;
    }
 
    #content {
        width: auto;
        float: none;
        margin: 20px 0;
    }
 
    #sidebar {
        width: 100%;
        float: none;
        margin: 0;
    }
 
}
 

mi consulta es si en vez de escribir el código se puede meter un import algo asi:

Código CSS:

@media screen and (max-width: 980px) {
@import url('ui.css');
@import url('styles.css');
@import url('text.css');
}
 

saludos

[memoadian]

se supone que import sirve para traer los estilos de otro css, por lo que en teoría debe funcionar, la única manera de saberlo es probarlo.

por cierto en este video enseño como hacer un miniframework css responsive. a lo mejor te sirve.

miniframework css3 responsive