კოდის ბლოკის გამოყენება პსევდოკლასებისთვის LESS-ში

მოდით გავაკეთოთ ფუნქცია, რომელიც დაუსახელებს სტილებს ბმულისთვის hover მდგომარეობაში.

დაე, ეს ფუნქცია პარამეტრად მიიღოს კოდის ბლოკი:

.hover(@code) {
	
}

მოდით გამოვსახოთ გადაცემული კოდის ბლოკი hover მდგომარეობის შიგნით:

.hover(@code) {
	&:hover {
		@code();
	}
}

გამოვიყენოთ ჩვენი ფუნქცია ბმულის შიგნით:

a {
	color: red;
	
	.hover({
		color: blue;
		text-decoration: none;
	});
}

კომპილაციის შედეგი:

a {
	color: red;
}
a:hover {
	color: blue;
	text-decoration: none;
}

გააკეთეთ მსგავსი ფუნქცია, რომელიც დაუსახელებს სტილებს ინფუთისთვის focus მდგომარეობაში.