EIO
EIO
PostsComments
KPCKevin Powell - Community
Created by louichb22 on 1/5/2025 in #front-end
Inset property vs top/right/bottom/left
Hmm... I just assumed it didn't work for inset values. This actually makes sense
4 replies
KPCKevin Powell - Community
Created by BlueBeka on 1/2/2025 in #front-end
Is there anyway to make overflow in x visible while y is scrollable?
What are you trying to achieve? Can you describe better or share a screenshot?
4 replies
KPCKevin Powell - Community
Created by corizon. on 1/3/2025 in #front-end
Please how do i achieve this?
Love it!
56 replies
KPCKevin Powell - Community
Created by 𝗯𝗼𝗷𝗼. on 12/28/2024 in #front-end
Position absolute with overflown parent
No description
4 replies
KPCKevin Powell - Community
Created by oz on 10/12/2024 in #front-end
How to create a similar tab selection effect in react.
You have to put this in a sandbox where one can preview what you have implemented
2 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
did you save? I'm still seeing the old version
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
And based on this, I already see how to do it with just one pseudo 😅 This is quite interesting
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
I would have loved to see the parts you deleted commented out instead though; it could work like some sort of diff 😅 But I actually get what's going on here 👍
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
Oh nice.. I really tried to do this, but couldn't figure it out. Thanks.
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
Hmm.. can you show me how?
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
I guessed as much. But I wasn't ready to check ff.. 😅
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
Here's the pen: https://codepen.io/eioluseyi/pen/abemwre
29 replies
KPCKevin Powell - Community
Created by Abdul Ahad⚡ on 10/8/2024 in #front-end
How would you approach this button?
No description
29 replies
KPCKevin Powell - Community
Created by Chrislizardc on 10/1/2024 in #front-end
Dealing with pseudo elements and background color
Your z-index: -1 in the ::before is most likely the problem. Assuming the block-image is a child of the flynt-component, you could just use ::after without touching the z-index and your issue should be solved
3 replies
KPCKevin Powell - Community
Created by MaelFr on 6/11/2024 in #front-end
Relative color from currentcolor
I've been low-key using contextual understanding to figure out the shipping process. Can you explain the process from before a feature is spec'd to when it finally ships to the browsers?
10 replies
KPCKevin Powell - Community
Created by MaelFr on 6/11/2024 in #front-end
Relative color from currentcolor
🙏
10 replies
KPCKevin Powell - Community
Created by MaelFr on 6/11/2024 in #front-end
Relative color from currentcolor
Here's a work around that Gemini suggested to me though: 
  --current-color: purple;
  color: var(--current-color);
  background-color: rgb(from var(--current-color) 200 g b);
  --current-color: purple;
  color: var(--current-color);
  background-color: rgb(from var(--current-color) 200 g b);
Of course, I know this is very limited, but hopefully, you can use it. If not, maybe force color-mix to give you something similar to what you want. But sadly this one won't work though 👇 
  color: purple;
  --current-color: color-mix(in oklab, currentcolor 100%, transparent);
  background-color: rgb(from var(--current-color) 100 g b);
  color: purple;
  --current-color: color-mix(in oklab, currentcolor 100%, transparent);
  background-color: rgb(from var(--current-color) 100 g b);
10 replies
KPCKevin Powell - Community
Created by MaelFr on 6/11/2024 in #front-end
Relative color from currentcolor
No description
10 replies
KPCKevin Powell - Community
Created by MaelFr on 6/11/2024 in #front-end
Relative color from currentcolor
@MaelFr @Jochem is right. Relative color functions don't support currentColor
10 replies
KPCKevin Powell - Community
Created by francis on 6/8/2024 in #front-end
How do I prevent the css in home route from affecting the css in another route component
Ha! Then you have to change the structure you're using for your css some how. I'm not sure about forcing parent scoped css to work with child components, but I know other options are: - Set the necessary styles for each child component within the vue file of that component and scope everywhere - Use css modules (I think this was built for scoping) - Attempt the native css scoping method ("Attempt" because I'm not sure of the compatibility level for browsers and even vue) - Finally, just check that you're not using tags/ids for style selection and simply use different classes in the components on the other route. You can give it a name space like .simmer_*. Eg. .simmer_header. That would effectively scope things
4 replies