Top "Css-calc" questions

calc() is a native CSS way to do simple math right in CSS as a replacement for any length value (or pretty much any number value).

Sass Variable in CSS calc() function

I'm trying to use the calc() function in a Sass stylesheet, but I'm having some issues. Here's my code: $body_…

css sass css-calc
Less aggressive compilation with CSS3 calc

The Less compilers that I'm using (OrangeBits and dotless 1.3.0.5) are aggressively translating body { width: calc(100% - 250px - 1.5em); } into …

css compilation less css-calc
CSS Calc Viewport Units Workaround?

From what I've seen in other answers, CSS viewport units can't be used in calc() statements yet. What I would …

html css viewport-units css-calc
Disable LESS-CSS Overwriting calc()

Right Now I'm trying to do this in CSS3 in my LESS code: width: calc(100% - 200px); However, when LESS …

css less css-calc
CSS Calc alternative

I am trying to dynamicly change the width of a div using CSS and no jquery. The following code will …

css css-calc
CSS calc() - Multiplication and Division with unit-ed values

Is it possible to use calc() to multiply or divide with unit-based values (like 100%, 5px, etc). For example I was …

css css-calc
Can I use the auto value with the calc() property?

I wanted to set margin to auto plus some pixel amount using calc(), but my code doesn't seem to work. …

css css-calc
Combine calc() with attr() in CSS

I was wondering whether I can combine the calc() function with the attr() function to achieve something like the following: &…

css css-calc
Can I use CSS calc within Javascript?

Can I use the css calc() function when setting positions in JavaScript? ePopup.style.top = "calc(100px - 1.5em)";

javascript css css-calc
calc not working ie 11

After researching I confirmed that calc should work for ie8+ but it is not working for me. Here is a …

css cross-browser css-calc