Медиа упити у LESS-у

Хајде да направимо функцију која ће додавати елементу медија упит. Нека за пример то буде упит који регулише стилове за мобилне уређаје. Назовимо нашу функцију у складу с тим:

.mobile(@code) {

}

Наша функција ће параметром прихватити блок кода. Хајде да изведемо овај блок унутар медија упита:

.mobile(@code) {
	@media (max-width: 600px) {
		@code();
	}
}

Сада искористимо нашу функцију:

div {
	.mobile({
		width: 300px;
	});
}

Као резултат, након компајлирања наш див ће се наћи унутар медија упита, добивши одговарајуће стилове:

@media (max-width: 600px) {
	div {
		width: 300px;
	}
}

Направите функцију tablet која дефинише стилове за таблете.

Направите функцију gadget која дефинише стилове за мобилне телефоне и таблете.

Направите функцију notebook која дефинише стилове за лаптопове.

Направите функцију desktop која дефинише стилове за десктоп рачунаре.