Работа с LESS в магазине magento 2
step1 : Зайдите в свою собственную тему> web> css> source> есть _soucrces.less
Если его нет, скопируйте этот файл из magento-blank-theme.
step2 : после копирования этого кода типа файла для импорта вашего файла, например. <@import 'CustomCss.less';> здесь CustomCss.less - это имя вашего файла
step3: теперь создайте на один путь меньше файла по следующему пути (web> css> source> CustomCss.less). Имя вашего файла начинается с подчеркивания (CustomCss)
step4 : Теперь объявите ваши пользовательские переменные в файле _variables.less, вы можете найти этот файл по следующему пути (web> css> source)
Если его нет, скопируйте этот файл из magento-blank-theme. (необязательный шаг) или вы можете объявить переменные в том же файле LESS
step5 : После создания этих файлов напишите правила css, а также используйте переменные, которые вы создали.
step5: в вашей теме default_head_block.xml
добавьте ваш css файл в раздел head
результат: код, который в меньшем количестве файлов добавляется в customCss.css