W3C home > Mailing lists > Public > public-html@w3.org > April 2015

Re: CSS Class custom

From: Andrea Rendine <master.skywalker.88@gmail.com>
Date: Sat, 4 Apr 2015 00:44:01 +0200
Message-ID: <CAGxST9n2Bci+VQyCci1nuXojSSaHzw6u6O0MD_k5=9JWuKbJ7Q@mail.gmail.com>
To: Leonardo Lima <leonardo403@gmail.com>
Cc: "public-html@w3.org LIST" <public-html@w3.org>
Leonardo,
I think that the "mailing list for technical discussion on Cascading Style
Sheets (CSS) and its specifications" (www-style@w3.org) is a better place
than HTML mailing list to discuss issues about CSS.
Thus said, I'll offer you my 2 cents, just because.
CSS variables are useful in order to specify repetitive values for
different properties.
For CSS "classes" you have, in fact, classes. Of course I mean HTML @class
attribute, which allows you to apply style properties to different elements
across the document without focusing on their tag name or cascading
inheritance.
CSS selectors are quite complex indeed, between element, class, id,
children and descendants and so on. I don't think that defining a block of
properties to be recycled is really that useful, when you can simply have
it for a specific class selector.
Yours respectfully,
Andrea

2015-04-01 19:27 GMT+02:00 Leonardo Lima <leonardo403@gmail.com>:

> Hi,
>
> After that i see css custom properties , think that if creating Class
> custom for CSS can help us. Nowadays we have that install preprocessor CSS
> to and using this preprocessor CSS  can using variables. Now lets change
> how make CSS variables, see example below:
> So can we working very fast with changes in projects of way correct,
> without worry with files CSS, that continue pretty good.
>
> :root{
> /*create class*/
> --btn-default{
>     width:50px;
>     height:30px;
>     font-size:15px;
>     font-weight:bold;
>     }
> }
> .btn-confirm{
>     class(--btn-default);/*call class*/
>     color:green;
> }
>
> --
> *Leonardo Lima*
> *Web developer*
>
> Fone:  *(051) 8336-5081*
> CurrĂ­culo online: http://leonardo403.github.io/curriculo-leonardo-lima/
> Github: https://github.com/leonardo403
> Google+: https://plus..google.com/u/0/+LeonardoLimawebdev/
> <https://plus.google.com/u/0/+LeonardoLimawebdev/>
> About.me: http://about.me/leonardolima
> Twitter: https://twitter.com/Leonardo403Br
>
>
>
Received on Friday, 3 April 2015 22:44:28 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 29 October 2015 10:16:43 UTC