คำถามติดแท็ก css-calc

7
Sass Variable ในฟังก์ชั่น CSS calc ()
ฉันพยายามใช้calc()ฟังก์ชันในสไตล์ชีต Sass แต่ฉันมีปัญหา นี่คือรหัสของฉัน: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) ถ้าฉันใช้ตัวอักษร50pxแทนที่จะเป็นbody_paddingตัวแปรฉันจะได้สิ่งที่ต้องการ อย่างไรก็ตามเมื่อฉันเปลี่ยนเป็นตัวแปรนี่คือผลลัพธ์: body { padding-top: 50px; height: calc(100% - $body_padding); } ฉันจะทำให้ Sass รับรู้ได้อย่างไรว่ามันจำเป็นต้องเปลี่ยนตัวแปรภายในcalcฟังก์ชั่น?
1345 css  sass  css-calc 

4
การรวบรวมเชิงรุกน้อยกว่าด้วย CSS3 calc
หักคอมไพเลอร์ที่ผมใช้ ( OrangeBitsและdotless 1.3.0.5 ) จะอุกอาจแปล body { width: calc(100% - 250px - 1.5em); } เข้าไป body { width: calc(-151.5%); } ซึ่งเห็นได้ชัดว่าไม่ต้องการ ฉันสงสัยว่ามีวิธีส่งสัญญาณไปยังผู้รวบรวมน้อยกว่าหรือไม่เพื่อเพิกเฉยต่อแอตทริบิวต์ในระหว่างการรวบรวม ฉันค้นหาเอกสารน้อยกว่าและเอกสารของทั้งสองคอมไพเลอร์และฉันไม่พบอะไรเลย คอมไพเลอร์น้อยลงหรือน้อยลงสนับสนุนสิ่งนี้หรือไม่ ถ้าไม่มีจะมีตัวขยาย CSS ที่ใช้งานได้หรือไม่
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.