Sorry to bring up an old topic. I’ve done this style of importing, but I have a question concerning it. Basically I have one css file that is called, which imports three more. The issue I’ve come across is that the first css has to be parsed meaning you can’t use {stylesheet=site/css} you have to use {path=site/css}. Then in that file you can do things the other way. See below.
<link rel="stylesheet" type="text/css" media="screen" href="{path=main/style_main}" />
@import '{stylesheet=main/style_reset}';
@import '{stylesheet=main/style_layout}';
@import '{stylesheet=main/style_typography}';
Works great on my browser.
However, according to the doc http://expressionengine.com/docs/templates/globals/stylesheet.html
When the stylesheet tag is used, “text/css” MIME headers will be sent to the browser. Some browsers will not treat the CSS file as such without these headers.
Is this true? I thought that since EE feeds the browser the text
<link rel="stylesheet" type="text/css" media="screen" href="http://www.hello.com/index.php/main/style_main/" />
Wouldn’t this still serve it as a css mime type. Does feeding the browser
http://www.hello.com/index.php?css=main/style_main.v.1222313434
really make a difference?
Still possible to make things harder for common surfers!