EIO Comments - Answer Overflow

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?

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

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

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

<style scoped>
...
</style>

<style scoped>
...
</style>

4 replies

KPCKevin Powell - Community

•Created by Å Marlon G on 5/22/2024 in #front-end

... center div 😡

Just something reslly descriptive of the issue and what you're going for

20 replies

KPCKevin Powell - Community

•Created by Å Marlon G on 5/22/2024 in #front-end

... center div 😡

Hi @Å Marlon G this isn't so clear. Can you possibly send a screenshot of what you expect to happen?

20 replies

KPCKevin Powell - Community

•Created by kingtigerknight on 5/21/2024 in #front-end

[Solved] The "transition" doesn't work

So, @MarkBoots after some tests, it occurred to me. The transition from transparent bg to a colored bg is normal. What isn't normal is transitioning background image (The gradient) So, except the new code has a background color overriding the gradient, that transition isn't actually supposed to work. Remember the background property is the short form for a lot of background sub properties. So, imagine transitioning from background-color: red; to background-image: linear-gradient(...)

15 replies

Gaming

Programming