Стили-m.расположение файлов css

Question

Стили-m.расположение файлов css

Я хочу изменить некоторые настройки css в своем Magento 2.1.8 магазине.

Я понимаю, что этот файл создан с использованием файлов .less, но из каких меньших файлов он состоит и где я могу их найти?

Спасибо.

1

css styles magento-2.1 less-css

Author: zitix, 2018-01-23

Source

4 answers

Похоже, вы ищете файл, расположенный здесь:-

Поставщик\magento\тема-интерфейс-пустой\веб\css\стили-м.меньше

1

Author: dev_67Commerce, 2018-01-23 10:10:23

Если вы используете пользовательскую тему, то файл, расположенный по следующему пути:

Приложение/дизайн/интерфейс/[Имя поставщика]/[имя темы]/веб/css/стили- м.меньше

1

Author: Pratik Oza, 2018-01-23 10:38:56

Пожалуйста, ознакомьтесь с приведенной ниже ссылкой, которая может вам помочь.

Https://code.tutsplus.com/tutorials/working-with-less-and-the-chrome-devtools--net-36636

Чтобы изменить меньше файлов, вам нужно установить узел js и ворчать.

Пожалуйста, ознакомьтесь с приведенной ниже ссылкой для этого. http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css_debug.html

0

Author: Nilesh Gosai, 2018-01-23 10:33:27

score 1 · Accepted Answer

После развертывания файлов статического представления, если вы проверите этот файл:

[ваш каталог установки Magento]/var/view_preprocessed/css/интерфейс/[ имя поставщика]/[название темы]/en_US/css/стили-м.меньше

Внутри вы увидите список всех .less файлов, которые использовались для создания окончательной версии вашего styles-m.css.

Например, в теме Luma (Magento 2.1.8) файл находится здесь: /var/view_preprocessed/css/frontend/Magento/luma/en_US/css/styles-m.less. Внутри вы можете увидеть следующий список файлов:

@import 'source/_reset.less';
@import '_styles.less';
@import (reference) 'source/_extends.less';

@import '../Magento_Braintree/css/source/_module.less';
@import '../Magento_CatalogEvent/css/source/_module.less';
@import '../Magento_Multishipping/css/source/_module.less';
@import '../Magento_Paypal/css/source/_module.less';
@import '../Magento_ProductVideo/css/source/_module.less';
@import '../Magento_SalesRule/css/source/_module.less';
@import '../Magento_Weee/css/source/_module.less';
@import '../Magento_AdvancedCheckout/css/source/_module.less';
@import '../Magento_AdvancedSearch/css/source/_module.less';
@import '../Magento_Bundle/css/source/_module.less';
@import '../Magento_Catalog/css/source/_module.less';
@import '../Magento_CatalogSearch/css/source/_module.less';
@import '../Magento_Checkout/css/source/_module.less';
@import '../Magento_Customer/css/source/_module.less';
@import '../Magento_CustomerBalance/css/source/_module.less';
@import '../Magento_Downloadable/css/source/_module.less';
@import '../Magento_GiftCard/css/source/_module.less';
@import '../Magento_GiftCardAccount/css/source/_module.less';
@import '../Magento_GiftMessage/css/source/_module.less';
@import '../Magento_GiftRegistry/css/source/_module.less';
@import '../Magento_GiftWrapping/css/source/_module.less';
@import '../Magento_GroupedProduct/css/source/_module.less';
@import '../Magento_Invitation/css/source/_module.less';
@import '../Magento_LayeredNavigation/css/source/_module.less';
@import '../Magento_Msrp/css/source/_module.less';
@import '../Magento_MultipleWishlist/css/source/_module.less';
@import '../Magento_Newsletter/css/source/_module.less';
@import '../Magento_Review/css/source/_module.less';
@import '../Magento_Reward/css/source/_module.less';
@import '../Magento_Rma/css/source/_module.less';
@import '../Magento_Sales/css/source/_module.less';
@import '../Magento_SendFriend/css/source/_module.less';
@import '../Magento_Theme/css/source/_module.less';
@import '../Magento_Vault/css/source/_module.less';
@import '../Magento_Wishlist/css/source/_module.less';

@import 'source/_widgets.less';
@import '../Magento_Banner/css/source/_widgets.less';
@import '../Magento_Catalog/css/source/_widgets.less';
@import '../Magento_CatalogEvent/css/source/_widgets.less';
@import '../Magento_Cms/css/source/_widgets.less';
@import '../Magento_GiftRegistry/css/source/_widgets.less';
@import '../Magento_MultipleWishlist/css/source/_widgets.less';
@import '../Magento_Reports/css/source/_widgets.less';
@import '../Magento_Sales/css/source/_widgets.less';
@import '../Magento_VersionsCms/css/source/_widgets.less';
@import '../Magento_AdvancedCheckout/css/source/_widgets.less';

@import 'source/lib/_responsive.less';

@media-target: 'mobile'; // Sets target device for this file

@import 'source/_theme.less';

@import 'source/_extend.less';