Cannot copy-paste variables across sites

I have two sites, I’m trying to copy-paste certain sections. Both sites have the exact same variable names (I created site 2 via duplication of site 1).

When I copy-paste classes where any variable is used, it says that “renamed 1 class in order to avoid conflict.”
From .text-color-dark, it creates a .text-color-dark-2 and unbinds my variable, even though I have the exact same variables in both projects.

Original class:

.text-color-dark {
   color: var(--text--dark-text);
}

Copied class:

.text-color-dark-2 {
   color: #293a43;
}

Is this a bug or is this expected behavior?
Thanks!

Hi Nicolas,

This is expected behavior.

Thanks.

What would be an efficient way of copy-pasting sections over where I have utility classes that contain variables?

I’d like to keep the variables in the new site, but if I copy them over and they unbind. I’ll end up with 100s of classes that I’d have to rebind to a variable one-by-one.

Hi Nicolas,

To efficiently copy sections with utility classes, you’ll need to manually rebind variables after copying since Webflow doesn’t support automatic rebinding.

Alternatively, you can convert sections into Components before copying, then unlink and rebind the variables, or ensure Global Swatches are identical in both projects to minimize manual adjustments.

I hope this helps.