normalize.scss
    
    reset.scss
    
    /* flex grid */
    mixins/_grid.scss
    
    /* support change $pseudo on params */
    mixins/_border.scss (1px hack)
    
    /* NOTE: if you use "autoprefixer", 
       you should set remove: false option, or set Safari 6 on .browserslistrc, 
       for multi-line's ellipsis take effect */
    mixins/_ellipsis.scss
    
    /* support change $pseudo on params */
    mixins/_ripple.scss
    
    /* use box-shadow, raise elements elevation in vision. (not z-index) */
    mixins/_elevation.scss

    @import '~global.css/global';

    /* just use normalize&reset */
    @import '~global.css/src/normalize';
    @import '~global.css/src/reset';

    @import '~global.css/src/grid';

    @import '~global.css/src/border';

    @import '~global.css/src/ellipsis';

    @import '~global.css/src/ripple';

    @import '~global.css/src/mixins/grid';
    @import '~global.css/src/mixins/border';
    @import '~global.css/src/mixins/ellipsis';
    @import '~global.css/src/mixins/ripple';
    @import '~global.css/src/mixins/elevation';

    @import '~global.css/src/mixins/grid';

    @import '~global.css/src/mixins/border';

    @import '~global.css/src/mixins/ellipsis';

    @import '~global.css/src/mixins/ripple';

    @import '~global.css/dist/global.css';
    /* or min file */
    @import '~global.css/dist/global.min.css';

    @import '~global.css/dist/grid.css';
    @import '~global.css/dist/border.css';
    @import '~global.css/dist/ellipsis.css';
    @import '~global.css/dist/ripple.css';
    @import '~global.css/dist/elevation.css';
    /* or min files */
    @import '~global.css/dist/grid.min.css';
    @import '~global.css/dist/border.min.css';
    @import '~global.css/dist/ellipsis.min.css';
    @import '~global.css/dist/ripple.min.css';
    @import '~global.css/dist/elevation.min.css';