Hallo zusammen, ich bin gerade im LESS Sourcecode des Responsive Templates ein bisschen am Wühlen, da ist mir in der footer.less folgender Block aufgefallen: .navigation--link { .unitize-padding(10, 0, 10, 0, 16); display: block; color: @text-color; &:hover { color: @brand-primary; } } // Newsletter registration .newsletter--form { .clearfix(); .unitize-padding(0, 0, 16, 0, 16); } Die padding-Funktion mit 1-4 Parametern ist mir bekannt, aber weiß jemand was die einzelnen Werte bei 5 Parametern bedeuten? Gruß, Marco
16 ist der Wert durch das es geteilt wird. Die Angeben welche du machst erfolgen ja in px, .unitize rechnet das ganze aber dann nochmals in rem Werte um. Gibst du also bspw. an: .unitize-padding(10, 0, 10, 0, 16); Dann sind die 10 ja in px welche du angibst. Shopware arbeitet aber mit rem Werten. .unitize rechnet dann 10 / 16 = .625rem ( 0.625 ) um dann später die rem Werte auszugeben statt die px Werte. Den 5. Parameter also die 16 kannst du eigentlich weg lassen. Hier auch noch alle Infos: https://developers.shopware.com/designe … tize-mixin Das ganze kannst du dir auch selbst anschauen: https://github.com/shopware/shopware/bl … itize.less Ist dann eigentlich ziemlich selbst erklärend. Allerdings ist diese Schreibweise deprecated Um den 5. Wert muss du dich also wie gesagt nicht kümmern und kannst diesen weg lassen.
1 „Gefällt mir“
Danke, kayy, für die Erklärung. Das nächste mal werde ich dann vor einem Post erst einmal auf github nachschlagen. 