Question

This may be obvious to you, but I’m definitely clueless. I basically have a bunch of css that works fine, but appears way to large. I want to cut it into a quarter without going into it and changing each and every value. For instance I’d like many things like this:

#p1
    {
        width: 1285px;
        height: 1388px;
        overflow: hidden;
        z-index: 1;
    }

to change into something like this:

#p1
    {
        width: 321px;
        height: 347px;
        overflow: hidden;
        z-index: 1;
    }

I just want to retain the functionality but shrink it to fit better on the page. Please tell me there’s a way to do this outside of using a calculator and a whole lot of patience.

Answer 1

You should have a look at LESS.