How to use static assets inside SASS styles?

devowlio / wp-react-starter

🚀WordPress Plugin Boilerplate using modern web techs like TypeScript, SASS, and so on... on top of a local development environment with Docker and predefined GitLab CI for continous integration and deployment!

https://devowl.io/wp-react-starter/

Other

387 stars 51 forks source link

How to use static assets inside SASS styles? #28

Closed fedorenkodev closed 4 years ago

fedorenkodev commented 4 years ago

Hey guys, how I can use e.g. png image inside an scss file of a plugin? How should I store the image inside the plugin folder and what path to use to get it?

Thanks!

matzeeable commented 4 years ago

Hi @fedorenkodev !

Thanks for your message. You should think about the following points:

Put your assets into e. g. src/public/assets/images
Refer from your SCSS relatively, e. g. background-image: url('../assets/images/')

Regards, Matthew :-)

fedorenkodev commented 4 years ago

@matzeeable it works for me, many thanks