How can I add custom less file and in a particular theme compile less file in Magento 2

Question

How can I add custom less file and in a particular theme compile less file in Magento 2 ?

Answer 1

Just add new file here

app\design\frontend\Vendor\Themename\web\css\source\_new.less

and import this file in source file given path below

app\design\frontend\Vendor\Themename\web\css\source\_sources.less

import your file

(if there is not available _source.less file in your theme then go to vendor\magento\theme-frontend-blank\web\css\source folder and copy file in your custom theme)

@import '_new.less';

1. clear cache
2. php bin/magento setup:static-content:deploy

Answer 2

Above answer is not working I don't know how its accepted: If you want to add custom common css file, you have to follow below steps:

1) create file at following locationi in your custom theme

app\design\frontend\Vendor\Themename\web\css\source\_common.less

2) create _extend.less file at following location

app\design\frontend\Vendor\Themename\web\css\source\_extend.less

3) add following line at top of this file

@import '_common.less';

just clear cache & generate content if on production.