Open katriellucas opened 6 months ago
Thanks for the submit @katriellucas!
Additional ideas:
<style>
// stylify-components:css
primary-button {
padding: 10px 15px;
font-size: 16px;
cursor: pointer;
}
// /stylify-components
</style>
another way
<style stylify-components>
primary-button {
padding: 10px 15px;
font-size: 16px;
cursor: pointer;
}
</style>
Describe the problem
Stylify is already very close to vanilla CSS, woudn't be interesting to be able convert the native
style
tags that already exists on Svelte files to Stylify optimized classes? The proposal is basically converting the CSS inside the components.Describe the proposed solution
What I thought:
compiled into:
Alternatives considered
Do nothing, with the current component syntax, it's possible to achieve something similar:
But we lose perks like syntax highlight, utility class generation and other, so it's not exactly the same, you end up with some repeated classes due to how stylify componentization works.
Importance
would make my life easier