الفرق بين المراجعتين لصفحة: «Sass/content exists»

من موسوعة حسوب
ط مراجعة الصفحة وتدقيقها.
لا ملخص تعديل
سطر 13: سطر 13:


==  أمثلة ==
==  أمثلة ==
المثال 1: استخدام الدالة <code>content_exists()‎</code>.<syntaxhighlight lang="sass">
مثال عن استخدام الدالة <code>content_exists()‎</code> لمعرفة إذا مُرَّرت كتلة من المحتوى إلى المخلوط <code>needs_content</code>. لاحظ استخدام التعليمة ‎<code>[[Sass/@ rules#.D8.A7.D9.84.D8.AA.D8.B9.D9.84.D9.8A.D9.85.D8.A9 .E2.80.8E.40warn|@warn]]</code> داخل <code>[[Sass/control directives#.E2.80.8E.40if|‎@if]]</code> لإرسالة تحذير إلى المستخدم إن لم يُمرِّر كتلةً من المحتوى:<syntaxhighlight lang="sass">
@mixin needs-content {
@mixin needs-content {
   @if not content-exists() {
   @if not content_exists() {
     @error "You must pass a content block!"
     @warn "You must pass a content block!";
  }
  @else {
    padding: 1em;
    @content;
  }
}
 
.selector {
  @include needs-content;
}
 
.selector {
  @include needs-content {
    margin: 1em;
   }
   }
  @content;
}
}
</syntaxhighlight>سيظهر الناتج الآتي عند محاولة تصريف المثال السابق:<syntaxhighlight lang="css">
WARNING: You must pass a content block!
        on line 3 of style.scss, in `needs-content'
        from line 12 of style.scss
.selector {
  padding: 1em;
  margin: 1em; }
</syntaxhighlight>
</syntaxhighlight>



مراجعة 10:34، 8 مايو 2018

تتحقَّق الدالة content_exists()‎ ما إذا مُرِّرت كتلةٌ من المحتوى إلى المخلوط (mixin).

إن لم تُستدعَ الدالة content_exists()‎ مباشرةً من مخلوطٍ ما، فسيُطلَق خطأ.

البنية العامة

content_exists()

القيم المعادة

تُعاد القيمة المنطقيَّة TRUE إذا مُرِّرت كتلة من المحتوى إلى المخلوط. خلا ذلك، تُعاد القيمة FALSE.

أمثلة

مثال عن استخدام الدالة content_exists()‎ لمعرفة إذا مُرَّرت كتلة من المحتوى إلى المخلوط needs_content. لاحظ استخدام التعليمة ‎@warn داخل ‎@if لإرسالة تحذير إلى المستخدم إن لم يُمرِّر كتلةً من المحتوى:

@mixin needs-content {
  @if not content_exists() {
    @warn "You must pass a content block!";
  }
  @else {
    padding: 1em;
    @content;
  }
}

.selector {
  @include needs-content;
}

.selector {
  @include needs-content {
    margin: 1em;
  }
}

سيظهر الناتج الآتي عند محاولة تصريف المثال السابق:

WARNING: You must pass a content block!
         on line 3 of style.scss, in `needs-content'
         from line 12 of style.scss

.selector {
  padding: 1em;
  margin: 1em; }

انظر أيضًا

  • الدالة function_exists()‎: تتحقَّق ما إذا كانت دالة ما موجودة.
  • الدالة global_variable_exists()‎: تتحقَّق ما إذا كان متغير ما موجود في النطاق العام.
  • الدالة feature_exists()‎: تتحقَّق ما إذا كانت ميزة معينةٌ موجودةٌ في وقت تشغيل Sass.

مصادر