SASS да миксинлар

Бу дарсда биз миксинлар (қўшиш) билан танишамиз, бу бошқа синфлар ичига бир синфни киритиш имконини беради. Келинг, бу нима ва у билан қандай ишлашни түшимиз.

Асланда қўшиш бир синфларни бошқаларининг ичида ишлатишдир, бу да бир синф заготовка - коднинг муайян бир қисми бўлиб, биз уни кўп жойларда ишлата оламиз.

Бу қандай қулай? Соф CSS да бизга код заготовкасини у зарур бўлган ҳар қаерда киритиш керак бўларди, SASS да эса уни бир жойда ёзиб қўйиш ва сўнграк уни коднинг керакли жойларига уланиш мумкин.

Миксинларни эълон қилиш учун @mixin директиваси ишлатилади, ундан сўнг унинг номи, параметрлари ва тана бўлган блокни кўрсатамиз:

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