Używając narzędzia less
, zdefiniuj styl, który w kontekście pliku szkola.html
daje efekt podobny do zobrazowanego poniżej. Oczywiście sam plik HTML musi pozostać nienaruszony. Jako rozwiązanie należy oddać tylko plik style.less
. Kodu html nie należy zmieniać.
-
Sparametryzuj tworzony styl pod względem kolorystycznym, dbając o to, żeby poszczególne elementy były w tej samej tonacji kolorystycznej (wskazówka: użyj funkcji lighten, darken, itp.).
-
Sparametryzuj też wykorzystanie wielkości i kroju pisma, a także wzajemne proporcje poszczególnych elementów układu strony.
-
Opcja menu, znajdująca się w danej chwili pod kursorem myszy, zmienia swoje tło na złote.
-
Oprócz funkcji, koniecznie użyj zmiennych, mixinów, zagnieżdżenia selektorów, pseudoselektora &.