- 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