http://courses.cs.taltech.ee/w/index.php?action=history&feed=atom&title=UI%3ASASS 2026-05-22T04:35:11Z Selle lehekülje redigeerimiste ajalugu MediaWiki 1.35.9 http://courses.cs.taltech.ee/w/index.php?title=UI:SASS&diff=6656&oldid=prev 2018-04-17T19:56:37Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="et"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←Vanem redaktsioon</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Redaktsioon: 17. aprill 2018, kell 19:56</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >4. rida:</td> <td colspan="2" class="diff-lineno">4. rida:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Ülesanne ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Ülesanne ==</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Ü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<del class="diffchange diffchange-inline">|</del>SASSi kodulehekülg] soovitab  </div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Ü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  </div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* 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.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* 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.</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Tee SCSS või SASS fail (otsusta ise kumb süntaks sulle meeldib), milles katsetad ära:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Tee SCSS või SASS fail (otsusta ise kumb süntaks sulle meeldib), milles katsetad ära:</div></td></tr> </table>

Irve http://courses.cs.taltech.ee/w/index.php?title=UI:SASS&diff=6655&oldid=prev 2018-04-17T18:58:15Z

<p>Uus lehekülg: &#039;{{UI}}&#039;&#039;See harjutus on mõne CSSi suurema probleemi üsna elementaarse lahendamise harjutamiseks.&#039;&#039; &#039;&#039;<a href="/w/index.php?title=Fail:Kamm.jpg&amp;action=edit&amp;redlink=1" class="new" title="Fail:Kamm.jpg (pole veel kirjutatud)">right</a> == Ülesanne == * Ülesande jaoks logi Putty abil...&#039;</p> <p><b>Uus lehekülg</b></p><div>{{UI}}&#039;&#039;See harjutus on mõne CSSi suurema probleemi üsna elementaarse lahendamise harjutamiseks.&#039;&#039;<br /> &#039;&#039;[[Pilt:Kamm.jpg|right]]<br /> <br /> == Ülesanne ==<br /> <br /> * Ü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 <br /> * 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.<br /> * Tee SCSS või SASS fail (otsusta ise kumb süntaks sulle meeldib), milles katsetad ära:<br /> ** muutujad:<br /> *** defineeritud fondid -- sisutekst ja pealkirjad eraldi<br /> *** defineeritud 2 põhivärvi ja 1 taustavärv<br /> ** nestimine -- teisisõnu see reeglite teineteise sisse kirjutamise trikk (sobilik testida ul li abil tehtud menüü kujundamisel). vt sassi juhendi &quot;nesting&quot; alt.<br /> ** mixin-id: samas stiilis kujundatud mitu elementi<br /> ** direktiivide laiendamise (extend direktiiv)<br /> ** tehted!<br /> * Pane valminud lehele ka kergesti leitav viide valminud SASS failile.<br /> <br /> == Alternatiiv ==<br /> <br /> Veenge õppejõudu, et olete SASSi juba kuskil kasutanud.<br /> <br /> == Vihjed ==<br /> <br /> * Dijkstra sass võib automaatselt uuendada .sass või .scss faili muutmisel ka tulemusel tekkivat .css faili. Selleks kirjuta algse faili kataloogis:<br /> sass --watch .<br /> * Failide ülekandmisel dijkstrasse võib oma arvutist olla abiks Filezilla ning kooli arvutist &quot;Secure File Transfer Agent&quot;.<br /> <br /> == Viited ==<br /> <br /> * [http://sass-lang.com SASSi kodulehekülg]<br /> * [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables &quot;Ametlik&quot; CSSi muutujate süntaks]<br /> <br /> == Esitamine == <br /> * Laadige töö dijkstrasse kataloogi &quot;public_html/ui/praks8&quot;<br /> * kirjutage kiri, kus on töö klõpsitav aadress ja töö tegiate nimed ja täispikad tudengikoodid.<br /> * saatke kiri oma praktikumi õppejõule erik.soekov@ttu.ee või mariliis.haalme@ttu.ee</div>

Irve