Upeo wa Kuonekana wa Vigezo na Vitalu vya Yaliyomo katika SASS

Wakati wa kupeana vitalu vya yaliyomo kwenye mchanganyiko, upeo wao wa kuonekana unabadilishwa na mahali maalum kilichowekwa kizuizi, sio mchanganyiko. Kwa hivyo, hatuwezi kutumia vigezo vya ndani vya mchanganyiko kwenye kizuizi kilichopitishwa cha yaliyomo, ambacho kitaweza kufanya kazi na vigezo vya ulimwengu pekee.

Tuzingatie mfano ufuatao:

styles.scss$size: 14px;
  @mixin sizes ($size: 20px) {
    font-size: $size;
    padding: $size;
    @content;
}

.navbar {
  @include sizes {
    margin: $size;
  }
}

Matokeo ya ukusanyaji:

styles.css.navbar {
  font-size: 20px;
  padding: 20px;
  margin: 14px; 
}

Задание 1

Eleza, matokeo ya ukusanyaji yatakuwa nini kwa mfumo ufuatao wa msimbo:

styles.scss$color: yellow;

@mixin links ($color: red) {
  background: $color;
  @content;
}

Задание 2

Eleza, matokeo ya ukusanyaji yatakuwa nini kwa mfumo ufuatao wa msimbo:

styles.scss$color: yellow;
$size: 10px;

@mixin links ($color: red, $size: 12px) {
  background-color: $color;
  font-size: $size;
  @content;
}

.navbar {
  @include links {
    box-shadow: $color;
    padding: $size;
  }
}

Задание 3

Eleza, matokeo ya ukusanyaji yatakuwa nini kwa mfumo ufuatao wa msimbo:

styles.scss$color: green;
$size: 6px;

@mixin links ($color: red, $size: 10px) {
  color: $color;
  font-size: $size;
  @content;
}

.navbar {
  @include links {
    border-color: $color;
    margin: $size;
  }
}

#active{
  @include links{
    background-color: $color;
    padding-top: $size;
    padding-bottom: $size * 2;
  }
}