- From: James Hopkins <james@idreamincode.co.uk>
- Date: Thu, 12 Feb 2009 22:57:53 +0000
- To: SimDigital - Gustavo Villa <gustavo@simdigital.com.br>
- Cc: www-style@w3.org
This is covered by both Dave Hyatts & Daniel Glazmans proposal for Variables (http://disruptive-innovations.com/zoo/cssvariables/) and subsequent counter-proposal by fantasai (http://fantasai.inkedblade.net/style/specs/constants/ ). I recently wrote a comparison of both proposals which can be found at CSS3.Info (http://www.css3.info/summary-of-the-two-current-css-constants-proposals/ ). Hope this helps, and welcome to the mailing list :) James On 12 Feb 2009, at 19:54, SimDigital - Gustavo Villa wrote: > > It is allowed today? No. > > Why to use? To simplify CSS day-by-day maintence, once it allow > designers to use more cascade advantages. > > How does it is did today? > if we have something like this: > <div class="header"></div> > <div class="content"></div> > > To adjust site width, we need to do it: > 1) > ..header { width:800px; font-size:20px;} > ..content { width:800px; font-size:12px;} > > or: > 2) > ..header, .content {width:800px;} > ..header {font-size:20px;} > ..content {font-size:20px;} > > or still it: > 3) > <div class="header layoutwidth"></div> > <div class="content layoutwidth"></div> > > ..layoutwidth {width:800px;} > ..header {font-size:20px;} > ..content {font-size:20px;} > > > The problem is that if we use the solution 1, we need to read all > lines of CSS to be sure that we dont forget nothing. > If we use the solution 2, we need to read all lines of HTML to be > sure that we dont forget nothing. > And if we use solution 3, we will need to change HTML if in the > future that element dont need to be width adjusted. That solution I > think is poor, because CSS just need to format HTML/XHTML generated, > not to change the generated code to allow formating. > > Now, the solution that i suggest: > Create an way to concatenate classes attributes like this: > > ..layoutwidth {width:800px;} > > ..header { > import:.layoutwidth; > font-size:20px; > } > > ..content { > import:.layoutwidth; > font-size:12px; > } > > Once changed .layoutwidth, all elements that use this format will > change, easily! > It is a simple sample, but even more complex, more util this feature > will be. > > What about? > > > -- > SimDigital - Tecnologia com resultado > > Visite nosso site: www.simdigital.com.br > > Sorocaba (15) 34117200 > Londrina (43) 33015779 > > >
Received on Thursday, 12 February 2009 22:58:35 UTC