Question

I think it’s a easy question, but i found nothing in google which helps me.

I’ve the following code:

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

Now i use it in more than 1 CSS class. And when i want to change the box-sizing, i don’t want to change it in all statements. So i want to use some CSS variable. But i don’t find a example to define more than one statement in a CSS variable. Any solution?

What i’ve already tried:

@boxsizing: 
(
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
)

Answer 1

Vanilla CSS does not use variables in the way you intend them to use.

For such behavior you need other tools to generate (valid) CSS out of dynamic code files. Examples include the following:

• LESS
• SASS