คำถามติดแท็ก 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'; …

22 magento2  frontend  view  less-css  less 

.lib-css()mixin ถูกนำมาใช้อย่างมากในไฟล์วีโอไอพี 2 น้อย อย่างไรก็ตามจุดประสงค์ของมันไม่ชัดเจนและคำจำกัดความของ mixin ไม่มีเอกสารที่เป็นประโยชน์: // // เพิ่มคุณสมบัติ css ใด ๆ // --------------------------------------------- .LIB-CSS ( @_property, @_ราคา, @_prefix: 0 ) เมื่อ (@_prefix = 1) และไม่ (@_value = '') และไม่ (@_value = false) และไม่ (แยก (@_ ค่า, 1) = false) และไม่ (แยก (@_ ค่า 2) = false) และไม่ (แยก …

17 magento2  frontend  less-css 

ในเอกสารประกอบของ Magento 2 lib มันมีสิ่งต่อไปนี้: @ media-common: true | false - ตั้งค่าว่าจะแสดงผลสไตล์ทั่วไปหรือไม่ สำหรับสไตล์ทั่วไปทุกครั้งที่คุณต้องการเพิ่มสไตล์ที่คุณควรใช้ & when (@media-common = true) { your styles } คำถาม อะไรคือความแตกต่างระหว่างการใช้สิ่งนี้กับการเขียนน้อยลงหากไม่มีมัน เช่น: & 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 

ฉันจะแทนที่ไฟล์ผู้จำหน่าย / magento / magento2-base / lib / web / css / source / lib / _navigation.lessในธีมที่กำหนดเองได้อย่างไร

9 magento2  theme  overrides  core  less-css