Using the Calc CSS Property on a Button

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
jimgilliam
Propeller Head
Posts: 81
Joined: Tue Jun 04, 2013 9:49 am
Location: Arkansas, U.S.A.

Using the Calc CSS Property on a Button

Post by jimgilliam »

Hi. I'm trying to use the following calculation on an a.myselectorname element with my stylesheet in Flare.
margin-top: calc(100vh + var(--offset));

This isn't working though. What am I doing wrong? It works fine on codepen.

Jim
:flare:
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Using the Calc CSS Property on a Button

Post by NorthEast »

The calculation part should work fine, assuming you've defined --offset in the stylesheet.

But the <a> tag is displayed inline (by default), so a margin setting wouldn't work on an inline element anyway.
You could try display: inline-block;
Post Reply