Questions tagged «less-css»

使用_module.less和扩展主题之间有什么区别_extend.less？扩展模块/主题的最佳实践是什么？ 我首先想到的是，_module.less在设计新模块的样式以及_extend.less扩展模块时最好使用。但是Luma _module.less在扩展空白主题时会使用，以使理论脱颖而出。 我看到的它们之间的唯一区别_module.less是在响应库之前导入，以及_theme.less在_extend.less它们之后导入的位置。 这是它们导入的顺序 vendor/magento/theme-frontend-blank/web/css/styles-l.less // // Blank theme desktop styles // _____________________________________________ // These desktop styles are added to mobile // // Global lib + theme styles // --------------------------------------------- @import '_styles.less'; @import (reference) 'source/_extends.less'; // // Magento Import instructions // --------------------------------------------- //@magento_import 'source/_module.less'; // Theme modules //@magento_import 'source/_widgets.less'; …

22 magento2  frontend  view  less-css  less 

该.lib-css()混入在Magento的2 LESS文件大量使用。但是其目的尚不明确，mixin定义未提供任何有用的文档： // //添加任何CSS属性 // --------------------------------------------- .lib-css（ @_属性， @_值， @_prefix：0 ）何时（@_prefix = 1） 而不是（@_value =''） 而不是（@_value = false） 而不是（extract（@_ value，1）= false） 而不是（extract（@_ value，2）= false） 而不是（extract（@_ value，3）= false） 而不是（extract（@_ value，4）= false） 而不是（extract（@_ value，5）= false）{ -webkit-@ {_ property}：@_value; -moz-@ {{property}：@_value; -ms-@ {_ property}：@_value; } .lib-css（ @_属性， @_值， @_prefix：0 ）不在（@_value =''） 而不是（@_value = …

17 magento2  frontend  less-css 

在Magento 2 lib文档中，它包含以下内容： @ media-common：true | false-设置是否输出通用样式。对于常用样式，每次您要添加一些样式时都应使用 & when (@media-common = true) { your styles } 题 使用此代码和只写Less而没有它有什么区别？如： & when (@media-common = true) { body { background: blue; } } 如何将其编译为： body { background: blue; } 它将不会以styles-l.css和styles-m.css输出吗？

12 magento2  less-css  less  static-content 

我目前正在为客户在Magento 2网站上工作。假设我的客户的品牌是boofar，而我尝试扩展/覆盖foobar的主题是使用设置为父主题frontend/Foobarthemes/boofar/theme.xml <theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd"> <title>Boofar</title> <parent>Foobarthemes/foobar1</parent> <media> <preview_image>media/preview.jpg</preview_image> </media> 然后在下面frontend/Foobarthemes/boofar/web/css/source/_theme.less编写了要覆盖的CSS代码。我也尝试过使用_extend.less。 .magicmenu { .home { display: none !important; } .nav-desktop .level0 .level-top > span { font-size: 12px; font-weight: normal; text-transformation: none; } } 我被迫在!important这里工作。字体和文本都不能在上述代码中使用。 我是否不正确理解Magento 2前端工作流程？

10 magento2  theme  css  frontend  less-css 

变焦效果很好， 但是，当将鼠标悬停在类别下拉菜单上至产品图像和下拉菜单的重叠区域时，即使鼠标仍然在下拉菜单上，缩放功能也正常运行。 请检查捕获的图片：

9 magento2  less-css  zoom 

如何在自定义主题中覆盖vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less文件？

9 magento2  theme  overrides  core  less-css 

关闭。这个问题是题外话。它当前不接受答案。 想改善这个问题吗？ 更新问题，使它成为Magento Stack Exchange 的主题。 3年前关闭。 我想设置的路径为背景图片在更短的文件app\design\frontend\vendor\theme\web\<lessfile>中magento2。

8 magento2  image  less-css 

我需要创建自己的UI库（主要是.less文件，图像和.js），并将其用于多个自定义模块和主题。我以为只是将文件添加到位于下的Magento UI库中/lib/web。 但是首先，是否允许（并且这是一种好习惯）在中添加自定义文件/lib/web？ 如果在其中添加自定义文件，是否应该在其中创建自己的文件夹（例如，使用公司名称），/lib/web/company以使我的所有自定义文件与Magento默认文件分开？ 例如： lib/ ├── web/ │ ├── css/ │ │ ├── source/ │ ├── fonts/ │ ├── jquery/ │ ├── company/ │ │ ├── css/ │ │ │ ├── source/ │ │ ├── fonts/ │ │ ├── jquery/ 还是应该在每个默认文件夹中创建自定义文件夹？像这样： lib/ ├── web/ │ ├── css/ │ │ …

8 magento2  frontend  uicomponent  less-css  ui-library