Nickadeemus
KPCKevin Powell - Community
•Created by Nickadeemus on 11/9/2023 in #front-end
CSS Custom Properties for every Component
Thank you for trying to help.
23 replies
KPCKevin Powell - Community
•Created by Nickadeemus on 11/9/2023 in #front-end
CSS Custom Properties for every Component
The width and padding were just examples.. I think I'm just going to avoid styling children from parents. And just create a class for the parent specific components in children.
23 replies
KPCKevin Powell - Community
•Created by Nickadeemus on 11/9/2023 in #front-end
CSS Custom Properties for every Component
I'm trying to control my styles without bloating the HTML. Lol I know a ton of custom properties is bloat, but since Astro components are scooped, they're not seen on inspect. 😩
23 replies
KPCKevin Powell - Community
•Created by Nickadeemus on 11/9/2023 in #front-end
CSS Custom Properties for every Component
When you inspect it with dev tools you'll see <div styles="--custom-prop: style;" >
23 replies
KPCKevin Powell - Community
•Created by Nickadeemus on 11/9/2023 in #front-end
CSS Custom Properties for every Component
Right, but That's passing the custom props as inline styles..?
23 replies
KPCKevin Powell - Community
•Created by Nickadeemus on 11/9/2023 in #front-end
CSS Custom Properties for every Component
The repo isn't public (work related). I'm basically just asking if it's a bad idea to create css custom properties like this or just control the styling of a child component that is specific to the parent from the child? Lol, I know this is off the wall 😂😭
23 replies