We chose to use @import statements to take advantage of the RequireJS CSS
optimizer. Our goal is to have single app.css and app.js files built via
r.js keep disk IO to a minimum. We could revert to <link> tags in the head
until the optimizer has been incorporated into the camera build step?


On Tue, Nov 12, 2013 at 9:11 AM, Kevin Grandon <notifications@github.com>wrote:

> In apps/camera/style/camera.css:
>
> >
> > -#preview.offscreen {
> > -  transform: translateY(-100%) scale(.125) translateX(50%);
> > -}
> > +@import url("app.css");
>
> Using the import statement from a linked stylesheet is a performance
> anti-pattern. Please revert to using lazy loader from within the script.
>
> —
> Reply to this email directly or view it on GitHub<https://github.com/mozilla-b2g/gaia/pull/13596/files#r7598760>
> .
>