تكليفات الدروس من [ 7 ] إلى [ 10 ]

$main: "school";
$child: "box";
$language: "en"; // English
$gap: 20px;

// Output
.school {
  padding: 20px;
  direction: ltr;
  margin-left: 20px;
}
.school .school-box {
  padding: 10px;
}
.school:hover .school-box {
  background-color: #eee;
}

$main: "school";
$child: "box";
$language: "ar"; // Arabic
$gap: 20px;

// Output
.school {
  padding: 20px;
  direction: rtl;
  margin-right: 20px;
}
.school .school-box {
  padding: 10px;
}
.school:hover .school-box {
  background-color: #eee;
}

// SASS Code
$main-color: red;
$alt-color: blue;

// Needed Output
/* Theme Version: 1.0 */
/* Website Theme Main Color Is: red */
/* Website Theme Alternate Color Is: blue */

// SASS Code
$number: 10;
$number: 8;
$number: 5;

// Larger Than 8
.class {
  color: blue;
}

// Larger Than 5
.class {
  color: green;
}

// Anything Else
.class {
  color: red;
}

// SASS Code
$number: 10;
$color: red;
$theme: light;

// Write If Condition Code Here

// Output
.class {
  color: red;
}

// SASS Code
$number: 10;

// Output
.box {
  background-color: #EEE;
  text-align: center;
}

// SASS Code
$number: 9;

// Output
.box {
  background-color: #EEE;
}

// SASS Code
$number: 8;

// Output
// Nothing