Questions tagged «less-css»

3
_module.less和_extend.less之间的区别
使用_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'; …

2
LESS lib-css mixin的目的是什么?
该.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 = …

1
@ media-common-我们为什么需要使用它?
在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输出吗?

6
Magento 2-覆盖CSS而不在任何地方使用!important
我目前正在为客户在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前端工作流程?




2
自定义UI库的放置位置
我需要创建自己的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/ │ │ …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.