Media poizvedbe v LESS
Naredimo funkcijo, ki bo elementu dodala medijsko poizvedbo. Za primer naj bo to poizvedba, ki uravnava sloge za mobilne naprave. Poimenujmo našo funkcijo ustrezno:
.mobile(@code) {
}
Naša funkcija bo parameter sprejela kot blok kode. Izpišimo ta blok znotraj medijske poizvedbe:
.mobile(@code) {
@media (max-width: 600px) {
@code();
}
}
Zdaj uporabimo našo funkcijo:
div {
.mobile({
width: 300px;
});
}
Kot rezultat po kompilaciji bo naš div znotraj medijske poizvedbe in bo prejel ustrezne sloge:
@media (max-width: 600px) {
div {
width: 300px;
}
}
Naredite funkcijo tablet, ki določa
sloge za tablične računalnike.
Naredite funkcijo gadget, ki določa
sloge za mobilne telefone in tablične računalnike.
Naredite funkcijo notebook, ki določa
sloge za prenosnike.
Naredite funkcijo desktop, ki določa
sloge za namizne računalnike.
