uikit / uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces
http://getuikit.com
MIT License
18.28k stars 2.32k forks source link

error in images path in LESS #3986

Open samuelesantoni opened 4 years ago

samuelesantoni commented 4 years ago

UIkit version

3.2.0

I work in LESS but the images (for example: list bullet) don't work because the original path inside the file (for example: src/less/components/list.less) is wrong.

I use this folders tree. See all attachments for better understand.

I should be replace all paths inside my custom theme but is boring. Have i wrong something? How can i solve this issue?

Thanks.

listless

folders

flihub commented 4 years ago

src folder is missing

../../src/images/backgrounds/

samuelesantoni commented 4 years ago

Thanks for your answer. But the original path is wrong or i have put the images folder in the wrong place?

flihub commented 4 years ago

original path is not wrong. u dont need to change path images folder.

"../../src/images/backgrounds/" should work in your folder structure.

samuelesantoni commented 4 years ago

Sorry but i didn't understand what i have to do. I haven’t to change the path because the original is correct and i haven’t to change the place of images folder... but in this way i have error 404 because the images aren’t found. Please, can you explain me?

flihub commented 4 years ago

"../../src/images/backgrounds/list-bullet.svg" not worked?

and if u not change list bullet image u can delete this line.

u can also create your images folder in your custom folder and path is "../images/list-bullet.svg"

samuelesantoni commented 4 years ago

No didn't work. You can see here, in my demo site: https://demo.netlinqs.com/starter_pack/

I don't want to create a custom folder for uikit images and i don't want rewrite all paths. I would like use the original path(../../images/backgrounds/list-bullet.svg) wrote in: src/less/components/list.less

I import the uikit theme in my custom file my-theme.less:

// UIkit Theme
@import "../src/less/uikit.less";

// Theme
@import "my-theme/_import.less";

// Custom Code