[TYPO3-project-4-3] Fluid CSSEngine folder structure

[Ernesto Baschny [cron IT]]

Christian Müller (Kitsunet) schrieb:

>>> Hi all,
>>>
>>> as the CSS Engine is beginning to take shape I have to make some
>>> decisions about folders, so I wanted the opinions of the other
>>> developers.
>>
>>
>> what does this engine do? what can i use it for?
>>
> 
> Sorry, this has gone in the wrong list, should be TYPO3 v5, but I think
> it will be integrated into extBase and so be usable in 4.3 too. But the
> questions are designated for another list.
> 
> The CSSEngine allows you to use certain "filters" on your CSS files,
> these filters can be added as plugins. For now I will start with plugins
> for merging CSS files into one and parsing special constants you can
> define (eg. putting your colors in a central place so they can be
> changed easily and the CSSEngine will make a "normal" CSS file out of
> this). But more things could be done of course, maybe a shrinker that
> eliminates whitespaces or you could embed your background-images into
> the CSS file
> (http://www.websiteoptimization.com/speed/tweak/inline-images/).

That sounds promising!

Maybe that could support a syntax similar to "less":

	http://lesscss.org/

Which is really cool. E.g. nesting:

	#header {
	  color: red;
	  a {
	    font-weight: bold;
	    text-decoration: none;
	  }
	}

or calculations:

	@the-border: 1px;
	@base-color: #111;
	
	#header {
	  color: @base-color * 3;
	  border-left: @the-border;
	  border-right: @the-border * 2;
	}
	
	#footer {
	  color: @base-color + #111;
	}


Cheers,
Ernesto