Here is an example where an object has two colors located on two separate layers.
The plugin outputs (CSS):
display: flex; width: 75px; padding: 32px; justify-content: center; align-items: center; gap: 32px; align-self: stretch; background-color: var(--bg-secondary);
However, in Figma there are two color layers, but in the generated CSS there is only one.
Expected output:
background-color: linear-gradient(var(--bg-secondary), var(--bg-secondary)) top, linear-gradient(var(--bg-secondary), var(--bg-secondary)) bottom;
Here is an example where an object has two colors located on two separate layers.
The plugin outputs (CSS):
display: flex; width: 75px; padding: 32px; justify-content: center; align-items: center; gap: 32px; align-self: stretch; background-color: var(--bg-secondary);However, in Figma there are two color layers, but in the generated CSS there is only one.
Expected output:
background-color: linear-gradient(var(--bg-secondary), var(--bg-secondary)) top, linear-gradient(var(--bg-secondary), var(--bg-secondary)) bottom;