lightningcss icon indicating copy to clipboard operation
lightningcss copied to clipboard

scss modules: reference @keyframes identifier in css variables

Open florianloechle opened this issue 1 year ago • 1 comments

Hi, I'm trying to get the following to work but with no luck:

.root {
  --animation-name: fade-in
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

Is it possible to get the hashed keyframe identifier in the css variable? It currently compiles to:

.root {
  --animation-name: fade-in
}

@keyframes FQ4BKa-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

I'm using the version 1.22.1.

Help would be appreciated, thanks for this awesome project!

florianloechle avatar Nov 14 '23 11:11 florianloechle

I think this is the same issue as: https://github.com/parcel-bundler/lightningcss/issues/450 and being tracked here: https://github.com/css-modules/css-modules/issues/390 is that correct @devongovett?

karlnorling avatar Dec 12 '23 15:12 karlnorling