How do properly use css's "calc()' with ng-style

css pug calc ng-style angularjs-ng-style
zihaow picture zihaow · Oct 14, 2015 · Viewed 9.4k times · Source

I have the following inline-styling using Angular's ng-style and css's "calc()', but it didn't work. Can anyone tell me what's wrong?

// my jade file has a class named '.logo-area'. 
.logo-area(ng-style="{'right':'calc(100% -'+({{fixedWidth}}+'px') +')'}")

Answer

zihaow picture zihaow · Oct 14, 2015 
.logo-area(ng-style="{'right': 'calc(50% - '+{{fixedWidth}}+'px'+')'}")

Will solve the problem.

Related questions

CSS how to make scrollable list

I am trying to create a webpage which is made up of a header and bellow the header a list of items. I want the list of items to be vertically scrollable. I also would like the webpage to take …

Read More
pugjs(jade) template engine loading css file

I've been searching in the examples on the GitHub but I couldn't find how to load a simple css file into my layout. My first thought was doing something like this link(href="my.css") but it seems it's not …

Read More
how do you link css to a jade file?

I am currently trying to link normalize.css but its not working (using socket an express) html head title= "Real time web chat" link(href='/css/normalize.css') script(src='/chat.js') script(src='/socket.io/socket.…

Read More