تصحيح السكتة الدماغية في WebKit في ساس

Question

أنا أستخدم Sass لإنشاء أوراق الأنماط CSS الخاصة بي. أريد طباعة متسقة ، لذلك أريد استخدام قواعد CSS من http://orderedlist.com/our-writing/resources/html-css/thinning-text-in-webkit-safari/ لتخفيف النص في المتصفحات المستندة إلى WebKit. اعتقدت أن هذا سيفعل الحيلة:

body
  -webkit-text-stroke: 1px transparent
@media only screen and (max-device-width:480px)
  body
    -webkit-text-stroke:0 black

الجزء الأول يعمل بشكل جيد ، لكن الجزء الثاني (استثناء Safari المتنقل) يجعل

@media only screen and (max-device-width:480px) { }

همم! الآن ، يبدو أن الإصدار الرئيسي التالي لـ Sass سيدعم قوسين ، لذلك ربما سأكون قادرًا على إسقاط إصدار CSS بعد ذلك. ولكن هل هناك طريقة لفعل ما أحاول القيام به بطريقة وقح بشكل صحيح؟ لقد حاولت بالفعل الهروب من @media only خط مع \, ، ولكن يبدو أن هذا يتسبب في تجاهل ساس هذا القسم تمامًا.

Answer 1

تحتاج إلى الحصول على مساحة بين القولون و 0.

body
  -webkit-text-stroke: 1px transparent
@media only screen and (max-device-width:480px)
  body
    -webkit-text-stroke: 0 black

يقوم الفضاء بإزالة الغموض بناء جملة الخاصية من بناء جملة المحدد.