cssgrid and cmsms

[moonoo]

Hi there,

Been looking at this @media rule set on cssgrid.net to be able to make fluid stylesheets.. but I can't see a setting to attach the max-width and min-width rules to the current style sheets that get attached to the pages.. trying to create a default theme where I can embed the stylesheets as normal, but am having to externalise the sheets at present.. is there a way of adding this kind of code into the cached stylesheets system at all?

Code: Select all

<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
 
	<!-- The 1140px Grid --> 
	<link rel="stylesheet" href="css/1140.css" type="text/css" media="screen" /> 
	
	<!--[if lte IE 9]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
	<![endif]--> 
	
	<!-- Type and image presets - NOT ESSENTIAL --> 
	<link rel="stylesheet" href="css/typeimg.css" type="text/css" media="screen" /> 
	<!-- Make minor type adjustments for 1024 monitors --> 
	<link rel="stylesheet" href="css/smallerscreen.css" media="only screen and (max-width: 1023px)" /> 
	<!-- Resets grid for mobile --> 
	<link rel="stylesheet" href="css/mobile.css" media="handheld, only screen and (max-width: 767px)" /> 
	<!-- Put your layout here --> 
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />

[moonoo]

Was thinking that:

Code: Select all

{cms_stylesheet name="smallerscreen" media="only screen and (max-width: 1023px)"}

Would work but am not sure it it's possible.. would I need to use a

Code: Select all

{capture assign="smallerscreen"}

kind of approach at all?