Merhaba arkadaşlar.
Local'de Default style üzerinde çalışırken, Header/logo row properties'ine calc uygulamaya çalışıyordum. Uyguladığım kod şuydu:
Ancak kaydedip front-end'i kontrol ettiğimde bu kodların şöyle renderlandığını fark ettim:
Sorunun tam olarak sebebini bilmiyorum, ancak bu sorunu XenForo forumlarındaki şu konudaki örnekle çözdüm, siz de bu şekilde Less kullanarak calc sorununun üstesinden gelebilirsiniz:
Başka fonksiyonlarda da benzer sorun var mı, varsa yine bu şekilde Less ile çözülebiliyor mu bilmiyorum ama calc'ta bu yöntemle sorunu aştım. Belki aramızda benzer sorunu yaşayanlar olur diye paylaşmak istedim.
Local'de Default style üzerinde çalışırken, Header/logo row properties'ine calc uygulamaya çalışıyordum. Uyguladığım kod şuydu:
CSS:
padding-top: calc(Xem - Ypx);
padding-bottom: calc(Xem - Ypx);
Ancak kaydedip front-end'i kontrol ettiğimde bu kodların şöyle renderlandığını fark ettim:
CSS:
padding-top: calc(-Xem);
padding-bottom: calc(-Xem);
Sorunun tam olarak sebebini bilmiyorum, ancak bu sorunu XenForo forumlarındaki şu konudaki örnekle çözdüm, siz de bu şekilde Less kullanarak calc sorununun üstesinden gelebilirsiniz:
Less:
padding-top: ~"calc(Xem - Ypx)";
padding-bottom: ~"calc(Xem - Ypx)";
Başka fonksiyonlarda da benzer sorun var mı, varsa yine bu şekilde Less ile çözülebiliyor mu bilmiyorum ama calc'ta bu yöntemle sorunu aştım. Belki aramızda benzer sorunu yaşayanlar olur diye paylaşmak istedim.