الفرق بين المراجعتين لصفحة: «Sass/content exists»
< Sass
جميل-بيلوني (نقاش | مساهمات) ط مراجعة الصفحة وتدقيقها. |
لا ملخص تعديل |
||
سطر 13: | سطر 13: | ||
== أمثلة == | == أمثلة == | ||
مثال عن استخدام الدالة <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 | @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; | |||
} | } | ||
} | } | ||
</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.