Lehekülje UI:SASS lähteteksti vaatamine

{{UI}}''See harjutus on mõne CSSi suurema probleemi üsna elementaarse lahendamise harjutamiseks.''
''[[Pilt:Kamm.jpg|right]]

== Ülesanne ==

* Ülesande jaoks logi Putty abil dijkstra serveri käsureale ja pane sass sealt käima. Alternatiivina: paigalda oma arvutisse mõni vahend, mida [http://sass-lang.com 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.

== Alternatiiv ==

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

== Vihjed ==

* 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".

== Viited ==

* [http://sass-lang.com SASSi kodulehekülg]
* [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables "Ametlik" CSSi muutujate süntaks]

== Esitamine == 
* 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