تكليفات الدروس من [ 16 ] إلى [ 19 ]
[ 2 ] تكليفات على [ Function ]
التكليف 01
- لديك المتغير التالي
- لديك Function تقوم بضرب المساحة المتاحة في إثنين
- بإستخدام ال Loop قم بإنشاء 5 Classes كما في ال Output
- تأكد أنك تستخدم ال Function لإظهار ال Height
$num: 2;
$start: 100;
@function double($size) {
@return $size * $num;
}
// Output
.box-100 {
width: 100px;
height: 200px;
}
.box-200 {
width: 200px;
height: 400px;
}
.box-400 {
width: 400px;
height: 800px;
}
.box-800 {
width: 800px;
height: 1600px;
}
.box-1600 {
width: 1600px;
height: 3200px;
}التكليف 02
- نريد عمل Function تقوم بجمع جميع الأرقام التي تعطيها لها بغض النظر عن عددهم
- شاهد المثال لتفهم الفكرة
// SASS Code
.box {
top: get-total(100, 50, 20);
right: get-total(100, 50);
}
// Output
.box {
top: 170;
right: 150;
}