如何在magento2的.less文件中定义变量答案

【问题标题】：How to define variable in .less file in magento2如何在magento2的.less文件中定义变量
【发布时间】：2016-08-17 05:26:21
【问题描述】：

在 magento 2.0.7 中安装后使用 php bin/magento setup:static-content:deploy 从源代码编译错误：

前端/Magento/blank/en_US/TemplateMonster_Megamenu/fonts/font-awesome-4.5.0/l ess/animated.less 变量 @fa-css-prefix 在文件 C:/xampp/htdocs/projectname/var/view_preprocessed/css/frontend/Magento/blank/en_US/TemplateMonster_Megamenu/fonts/font-awesome-4.5.0/less/animated 中未定义。在第 4 行第 2 列动画中的 less

2| // --------------------------

4| .@{fa-css-prefix}-spin {

5| -webkit-animation: fa-spin 2s 无限线性；

6|动画：fa-spin 2s 无限线性；

| }

我不明白在 magento2 .less 文件中在何处以及如何定义变量 @fa-css-prefix

请提前帮助和感谢。

【问题讨论】：

标签： magento2

【解决方案1】：

Magento LESS 变量文件已经由 Magento 提供。按照以下路径：

yourMagentoSetup\vendor\magento\theme-frontend-luma\web\css\source_variables.less

之后，您可以复制或直接创建自定义主题网络文件夹，例如以下路径：

yourMagentoSetup\vendor\magento\theme-frontend-luma\web\css\source_variables.less

现在粘贴这个文件。

您还可以创建一个新变量，例如，

// Spacing
@section_horiontal_pad: 40px;
@section-vertical-pad: 60px;

【讨论】：