css - w3schools - كيفية استخدام متغير ستايلس في calc؟




wbr tag in html5 example (2)

في Stylus ، كيف يمكنني استخدام variable في تعبير calc ؟

على سبيل المثال ، لا يعمل ما يلي ( arrow-size هو متغير):

arrow-size = 5px
left calc(50% - arrow-size)

لاستخدام متغيرات متعددة (ليست واحدة فقط) في calc (أو مع وظائف أخرى) ، استخدم sprintf كما استخدمته ، ولكن مع tuples:

arrow-size = 5px
measure = 50%
left "calc(%s - %s)" % (measure arrow-size)

تذكر أن interepolation في القلم مدعوم من خلال {} ويستخدم لنوع آخر من الاستيفاء. يتم استخدامه لتطويق التعبير ، الذي يصبح بعد ذلك جزءًا من المعرف أو محددًا.


من أجل استخدام متغير Stylus داخل تعبير calc ، يجب استخدام عامل التشغيل٪ string :

arrow-size = 5px
left "calc(50% - %s)" % arrow-size






css-calc