Home/ Questions/Q 233243
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T20:05:04+00:00

Is there a more efficient way of declaring and using these (very similar/repetitive) CSS

  • 0

Is there a more efficient way of declaring and using these (very similar/repetitive) CSS classes:

div.rounded20
{
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
}

div.rounded15
{
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
}

Say maybe with something along the lines of:

div.rounded(@Y)
{
  -webkit-border-radius:@Ypx;
  -moz-border-radius:@Ypx;
}

And the actual class usage being

<div class="rounded(15)" ...>

Any suggestions are welcomed, including using jquery or an alternate styling method…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you should look at sass/compass solutions which are designed to do exactly that. They also have arithmetic operations and support for variables and colors.

    • 0