TYPO3 Reea Blog

This will be shown to users with no Flash or Javascript.

SCSS - SASS - coding CSS

1. Se instaleaza de pe repository extensia sassify
2. Se include static in template-ul Master
3. Se adauga in config legatura spre fisierul SCSS

plugin.tx_sassify_plugin {
  debugInfo = 1
  showExceptions = 1
  stylesheets {
    10 = fileadmin/templates/scss/styleSCSS.scss
    10.media = all
    10.output = fileadmin/templates/css/style.css
  }
}

Mai multe configurari pentru media, all, print, presentation type aici:
http://typo3.org/documentation/document-library/extension-manuals/sassify/1.1.0/view/1/1/

Atentie, nu se mai face legatura spre fisierul CSS. Se elimina din config.

TUTORIAL SCSS:
http://www.sass-lang.com/tutorial.html

Daca gasiti resurse bune pe acest subiect, va rog sa mai trimiteti si voi.

Pentru configurarea DW sa poata sa faca highlight syntax la fisiere scss, am gasit aceasta solutie:
Se deschide fisierul: MMDocumentTypes.xml
din C:\Program Files\Adobe\Adobe Dreamweaver CS5.5\configuration\DocumentTypes
se cauta linia <documenttype id="CSS" internaltype="Text" winfileextension="css" si se inlocuieste winfileextension="css" -> winfileextension="css,scss"
Daca nu aveti dreptul sa salvati, atunci daceti copie la fiser undeva pe desktop, faceti acolo modificarea si repune-ti-l in vechea locatie.
Acelasi fiser, aceeasi modificare trebuie facuta si aici:
C:\Users\{user}\AppData\Roaming\Adobe\Dreamweaver CS5.5\en_US\Configuration\DocumentTypes

blog comments powered by Disqus