Spacing variables and utility classes

Developer Topics
1

Hi,
I’m trying Anima with a free plan to see if it fits my needs.

It seems it identifies well some variables :
–h-1-font-family: “Century Gothic”, Helvetica;
–h-1-font-weight: 800;
–h-1-font-size: 48px;
Can I avoid the extra dash ?

But the spacing variables I used in the Figma autolayout are not used in the code, only the value :
.section {
gap: 64px;
padding: 96px;
}
Is there a way to have this :
.section {
gap: var( -spacing-md);
padding: var(–spacing-xl);}

And, it there a way to have utility classes :
div class=“section gap-md padding-xl”

Thanks a lot,

Mat

2

Hi there,

There’s no way to alter these before the code is generated, but you can ask our AI to change it after generating the Playground, by using prompts.

2 Likes
3

Thanks for the answer.
Can I test that with the free plan ?
If not, that’ss a shame.

4

Hi Mat,

Sure, as a Free user you have access to 5 chat messages in the prompting window, that way you can get a small taste of the functionality