คำถามติดแท็ก less

ฉันใช้เวลาส่วนที่ดีกว่าของสัปดาห์นี้เพื่อค้นหาคำแนะนำที่ชัดเจนเกี่ยวกับวิธีการสร้างชุดรูปแบบที่กำหนดเองอย่างถูกต้องและขยาย LESS / CSS ที่มีอยู่โดยไม่ต้องคัดลอกmagento-blankชุดรูปแบบทั้งหมด เอกสารอย่างเป็นทางการจะให้ข้อมูลเบื้องต้นเกี่ยวกับตัวแปรที่มีการยกเลิก แต่มีข้อ จำกัด ในการใช้งาน ตัวอย่างคำแนะนำที่มีอยู่เช่น Sonassi ดูเหมือนจะอิงกับการปล่อยเบต้าของ Magento 2 มาจากวีโอไอพี 1 มีเส้นโค้งการเรียนรู้เล็กน้อยที่ระบุว่า LESS ทำงานอย่างไรและวีโอไอพีเก็บรวบรวมไฟล์ทั้งหมดเป็น CSS ได้อย่างไร ฉันต้องใช้เวลาสักครู่ในการค้นหาคำแนะนำและคำตอบที่ชัดเจนว่าไฟล์ใดบ้างที่จะแก้ไขและเมื่อใดและฉันคิดว่าฉันจะแบ่งปันสิ่งที่ฉันพบเพื่อให้ผู้ใช้ในอนาคต (และในอนาคตฉัน) วีโอไอพี 2

34 magento2  theme  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'; …

22 magento2  frontend  view  less-css  less 

วิธีใดเป็นวิธีที่ดีที่สุดในการขยายเนื้อหาไฟล์ให้น้อยลง<module>/web/css/source/module/เช่นMagento_Checkout/web/css/source/module/_minicart.less? สมมติว่า A) OVERRIDE ธีมที่เกี่ยวข้องน้อยกว่าคุณจะต้องสร้าง (หรือคัดลอก) ธีมที่มีชื่อเดียวกันของธีมหลักและวางไว้ในธีมของคุณเช่นนี้theme-frontend-blank/web/css/source/_buttons.less-><your-theme>/web/css/source/_buttons.less เฉพาะโมดูลน้อยคุณต้องสร้าง (หรือคัดลอก) น้อยกว่าด้วยชื่อเดียวกันของธีมหลักและวางไว้ในชุดรูปแบบของคุณเช่นนี้theme-frontend-blank/Magento_Theme/web/css/source/_module.less-><your-theme>Magento_Theme/web/css/source/_module.less UI lib น้อยลงคุณต้องสร้าง (หรือคัดลอก) น้อยลงด้วยเนื้อหาชื่อเดียวกันในโฟลเดอร์ไลบรารีและวางในธีมของคุณเช่นนี้magento2-base/lib/web/css/source/lib/_buttons.less-><your-theme>Magento_Theme/web/css/source/lib/_buttons.less และ B) ขยาย ธีมที่เกี่ยวข้องน้อยลงคุณต้องสร้างไฟล์ _extend.less ในธีมของคุณเพิ่ม_extendในชื่อเช่นนี้<your-theme>/web/css/source/_navigation_extend.lessเพื่อขยายtheme-frontend-blank/web/css/source/_navigation.lessและลงทะเบียนไฟล์นั้นด้วยคำสั่ง@importใน _extend.less ของเนื้อหาธีมในเว็บ / css / source ->@import "_navigation_extend.less" เฉพาะโมดูลน้อยคุณต้องสร้างไฟล์ _extend.less ในพา ธ โมดูลธีมของคุณเช่นนี้<your-theme>Magento_CatalogSearch/web/css/source/_extend.lessซึ่งขยาย Magento_CatalogSearch original _module.less UI lib น้อยลงคุณต้องสร้างน้อยด้วยเนื้อหาชื่อเดียวกันในโฟลเดอร์ไลบรารีเพิ่ม_extendในชื่อเช่นนี้<your-theme>Magento_Theme/web/css/source/lib/_buttons_extend.lessเพื่อขยายmagento2-base/lib/web/css/source/lib/_buttons.lessและลงทะเบียนไฟล์ที่มีคำสั่ง@importใน _extend.less ของเนื้อหาธีมในเว็บ / css / แหล่งที่มา - >@import "lib/_buttons_extend.less" ทฤษฎีต้องแนะนำให้คุณสร้าง …

15 magento-2.1  less  extend 

ในเอกสารประกอบของ 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 

ฉันต้องการแทนที่lib/web/mage/gallery/gallery.lessและไฟล์โมดูลบางไฟล์ lib / เว็บ / ผู้วิเศษ / แกลลอรี่ / โมดูล / *. น้อย ฉันต้องการแทนที่พวกเขาเพราะฉันต้องการเปลี่ยนรูปแบบของภาพแกลเลอรี่ผลิตภัณฑ์ วิธีการแทนที่หรือมีวิธีอื่นในการ "ชำระคำถาม" หรือไม่?

10 magento2  magento-2.1  overrides  less  gallery 

คุณจะเอาชนะสไตล์การนำทางสำหรับธีมที่กำหนดเองได้อย่างไรเมื่อสืบทอดจากธีมว่างใน Magento 2 ฉันมีtheme.cssไฟล์ในapp/design/frontend/<Vendor>/<theme>/web/cssโฟลเดอร์ของฉันแต่ฉันทราบว่า Magento 2 ใช้น้อยกว่า ฉันสามารถแทนที่สไตล์ในtheme.cssสไตล์ชีทของฉันได้อย่างง่ายดายแต่ฉันไม่ต้องการใช้!importantต่อไป นอกจากนี้ฉันกำลังใช้ Bootstrap 3 และฉันสมมติว่าสไตล์จากชุดรูปแบบเปล่าจะแทนที่คำแนะนำรูปแบบใด ๆ ที่ตรงกับใน Bootstrap วิธีที่ดีที่สุดในการเข้าถึงสิ่งนี้คืออะไร?

10 magento2  overrides  css  less