Discourse انتقلت إلى Dart Sass

أجرينا للتو ترقية كبيرة في خط تجميع Sass الخاص بـ Discourse، حيث انتقلنا من libsass الذي لم يعد يُدعم إلى Dart Sass الذي يحظى بصيانة نشطة.

هذه خطوة سلسة تمامًا، ولا ينبغي أن يحدث أي تغيير في موقعك الإلكتروني بعد الترقية. في الحالة النادرة التي يتعطل فيها شيء ما، تابع القراءة.

ملاحظة للمطورين والمصممين

أثناء عملية الانتقال، راجعنا جميع الإضافات والقوالب مفتوحة المصدر وتأكدنا من أن كل شيء لا يزال يعمل مع الخط الجديد، وقمنا بإجراء التغييرات وإرسال طلبات السحب (PRs) للتعامل مع أي تحذيرات أثناء التجميع.

تفاصيل الإصدار

هذا الانتقال ينقلنا

من:

  • sassc 2.0.1 (فبراير 2019)
  • libsass 3.5.2 (مايو 2018)

إلى:

  • dart-sass 1.58 (يناير 2023)

يطبق هذا التحديث ما يلي من تغييرات تجريبية:

هذه التغييرات التجريبية قادمة قريبًا أو أُصدرت مؤخرًا:

الدوال أكثر صرامة فيما يتعلق بالوحدات التي تسمح بها بدءًا من Dart Sass 1.32.0.

المحددات (Selectors) التي تحتوي على مركبات غير صالحة تعتبر غير صالحة بدءًا من Dart Sass 1.54.0.

/ يتحول من عملية القسمة إلى فاصل قائمة بدءًا من Dart Sass 1.33.0.

تحليل البنية الخاصة لـ @-moz-document سيصبح غير صالح بدءًا من Dart Sass 1.7.2.

لم يكن من الممكن توسيع المحددات المركبة في Dart Sass 1.0.0 و Ruby Sass 4.0.0.

الأسئلة الشائعة

لم تكن هناك تغييرات تجريبية صارمة لهذه الترقية، لذا فإن 99% من القوالب ستعمل بشكل جيد.

إذا كنت تشغل Discourse بدون أي قوالب مخصصة، فلا يوجد تغيير. في المرة القادمة التي تترقى فيها (أو يتم ترقية منصتك بواسطة شركة الاستضافة الخاصة بك) سيحدث هذا في الخلفية.

إذا كنت تستخدم استضافة CDCK وتستخدم قالبًا طورناه لك، فقد قمنا بالفعل بجعله متوافقًا مع Dart Sass.

إذا كنت تستخدم official Customization > Theme و/أو عددًا من #customization:theme-component، فقد قمنا بالفعل بجعلها متوافقة مع الإصدار الجديد من Sass.

إذا كان قالبك المخصص معطلاً، يرجى مشاركته معنا وسنساعدك في إصلاحه.

17 إعجابًا

:sweat_smile: كلاهما CW و Multilingual تعطل بسبب هذا ولكنهما تم إصلاحهما.

7 إعجابات

شكرًا على التنبيه، يبدو أن sass-migrator لا يغطي هذا :man_facepalming:. أنا أبحث عن حالات هذا الآن.

تعديل: كنت قلقًا بشأن هذا، ولكن بعد البحث عن هذا الخطأ في جميع الإضافات والسمات مفتوحة المصدر والمغلقة، لم أجد سوى هذا الاستخدام لـ extend في الإضافتين اللتين ذكرتهما.

9 إعجابات

مرحباً صباح الخير، منذ التحديث، زاد حجم شريط الرأس لدينا، وهناك فجوة لا تقل عن بوصة في أعلى الصفحة

تعديل.

وجدت أن هذا كان في جزء الرأس من CSS

كانت الأخرى فارغة لذا أصبح الرأس الآن مثاليًا، ومع ذلك لا يمكنني إضافة خلفية مخصصة

شكرا

3 إعجابات

لست متأكدًا مما إذا كانت هذه مشكلة في CSS أو مشكلة في المحلل ولكنني اعتقدت أنه قد يكون من الجيد مشاركتها على أي حال.

Discourse::ScssError: خطأ: مسافة بيضاء متوقعة

@media screen and(min-width: $breakpoint-sm) {
                 ^
5 إعجابات