Εφαρμογή του μπλοκ κώδικα για ψευδοκλάσεις στο 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.