UI:SASS

See harjutus on mõne CSSi suurema probleemi üsna elementaarse lahendamise harjutamiseks.

Fail:Kamm.jpg

Ülesanne

Ülesande jaoks logi Putty abil dijkstra serveri käsureale ja pane sass sealt käima. Alternatiivina: paigalda oma arvutisse mõni vahend, mida SASSi kodulehekülg soovitab
Loo või leia võrguavarustest leht, mis sisaldab linke, pealkirju, tabeleid ja menüüd, sea see veebi selliselt üles, et ta loeks mingit CSSi, mida hakkad SASSi abil pakkuma.
Tee SCSS või SASS fail (otsusta ise kumb süntaks sulle meeldib), milles katsetad ära:
- muutujad:
  - defineeritud fondid -- sisutekst ja pealkirjad eraldi
  - defineeritud 2 põhivärvi ja 1 taustavärv
- nestimine -- teisisõnu see reeglite teineteise sisse kirjutamise trikk (sobilik testida ul li abil tehtud menüü kujundamisel). vt sassi juhendi "nesting" alt.
- mixin-id: samas stiilis kujundatud mitu elementi
- direktiivide laiendamise (extend direktiiv)
- tehted!
Pane valminud lehele ka kergesti leitav viide valminud SASS failile.

Veenge õppejõudu, et olete SASSi juba kuskil kasutanud.

Dijkstra sass võib automaatselt uuendada .sass või .scss faili muutmisel ka tulemusel tekkivat .css faili. Selleks kirjuta algse faili kataloogis:

   sass --watch .

Failide ülekandmisel dijkstrasse võib oma arvutist olla abiks Filezilla ning kooli arvutist "Secure File Transfer Agent".

Laadige töö dijkstrasse kataloogi "public_html/ui/praks8"
kirjutage kiri, kus on töö klõpsitav aadress ja töö tegiate nimed ja täispikad tudengikoodid.
saatke kiri oma praktikumi õppejõule erik.soekov@ttu.ee või mariliis.haalme@ttu.ee