CSS-Variables for Navigation Menu

[frenicohansen]

Hey!

I am using SCSS to style my component. I just tried to copy the code & styling example from the Navigation Menu. I saw that radix somehow can expose CSS Variables for advanced animation. Is it also possible to use this variable inside my SCSS file, if I am using SCSS instead of CSS?

[frenicohansen]

It is possible to access those CSS Variables from inside SCSS
Example:

.class-a {
  width: #{var(--radix-navigation-menu-viewport-width)};
}