Switching atomic css to classless in config

[kogeletey]

Sometimes, it is necessary to use one css file with a minimum number of classes.
For example, such an opportunity is needed when creating a blog.
Witch static generation of articles, the amount of code with classes significantly exceeds the amount of html code without classes.

[anubra266]

@kogeletey please explain more about what you mean

[kogeletey]

For example, writing the following code on panda

const styles = css({
  backgroundColor: 'gainsboro',
  borderRadius: '9999px',
  fontSize: '13px',
  padding: '10px 15px'
})
 
<div className={styles} atomic="false" />

would generate css

div:where(hash) {
  background-color: gainsboro;
  border-radius: 9999px;
  font-size: 13px;
  padding: 10px 15px;
}

or some other way to specify this setting

[astahmer]

is that close enough ? https://panda-css.com/docs/references/config#hash

[kogeletey]

Not really. Hash are just hashable atomic classes and I'm talking about the ability to produce a classic
approach when we have one class and a bunch of properties to it