SASS-da Miksinler

Bu sapakda biz miksinler (goşmaça elementler) bilen tanyşarys, ol bir klassymyzy beýlekisiniň içine goşup ulanyp bolýar. Bu näme we onuň bilen nähili işlemelidigini düşünip göreliň.

Esaslandyryjy taýdan, miksin bir-biriniň içinde klasslary ulanmakdyr, bir klass ýörite kesgitleme - köp ýerde ulanmak üçin peýdalanyp boljak belli bir kod bölegidir.

Bu näme üçin amatly? Arassa CSS-de biz bu kesgitlenişi gerek bolan ähli ýerde ýazmaly bolardyk, ýöne SASS-da ony bir ýerde ýazyp bilýäris we soňra ony kodyň gerek ýerlerine birikdirýäris.

Miksinleri habar etmek üçin @mixin direktiwasy ulanylýar, ondan soň onuň adyny, parametrlerini we göwresi bilen blok ýazylyşy:

styles.scss@mixin mix {
  width: 100px;
  height: 100px;
}