ilyes

PostsComments

KPCKevin Powell - Community

•Created by ilyes on 2/8/2025 in #front-end

sass file structure using @use and @forward

Thank you i like having my style.scss file clean so instead of doing @use for every folder like util pages layout ... ,i compile them all in _index.scss then @use "index" inside style.scss

5 replies

KPCKevin Powell - Community

•Created by ilyes on 1/15/2025 in #front-end

SASS and SCSS (.scss)

alright i get it ,in my opinion sass isn`t horrible but it makes code hard for readers like in a team so its for one person business and you must get used to it unlike scss which is more cleaner and easier to learn .

13 replies

KPCKevin Powell - Community

•Created by ilyes on 1/15/2025 in #front-end

SASS and SCSS (.scss)

but why in tutorial they referred to it as sass and it .scss file .

13 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

thanks ill work on it

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

2-gives the first and third <p> a class of"active-open" so they could translateY ,here were ive encountered problems the <p> element receives the "active-open" but nothing changes .

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

my function does to jobs 1-gives <div class="panel"> a class of "open" so it could get bigger and it does it flawlessly.

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

I want it to be like the first one

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

by toggling their class ,and their class has styles transform:translateY(0%)

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

now my issue is i want the 1 and 3 <p> to be triggred by eventlistener

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

https://codepen.io/ilyas-draissia/pen/xbKXWxR

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

sorry rookie mistake but hear me out i wrote another one more simpler

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

.open is for the image panel so it goes bigger flex-grow:5 and .active-open class is for first,second p elements so they go up or down translateY:0.

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

Idid replace matches() with closest() but nothing changed

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

Basically its a 30 js challenges repository i downloaded from github the owner wrote everything in html file so it be easier i guess?

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

My mistake here I did this on intention thought it would be better to put everything in html file .

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

I don't understand your intentions i took css from stylesheet file and put it in style tags same with js just to post it in codepen if that what you ment ?

34 replies

KPCKevin Powell - Community

•Created by ilyes on 12/30/2024 in #front-end

Eventlistener for a div fully occupied with childrens

Thanks you are a life saver

34 replies