Go visit the CodeKit website to check it out. You can load your SCSS files into it and tell it to output to a CSS file that is compiled to your liking.
It’s a wonderful piece of software I discovered about a year ago. I’m sure there are plenty of ways to do this – but I recommend CodeKit. Write CSS in the Sass stylesheets using the same structure that the.
Now, you need to compile your SASS to CSS. The variable value your Magento install dir refers to the directory in which you. Use the colon operator (:) to specify a list of variables that begin with a common prefix. Use a single hyphen (-) to specify a range of variables that have a common prefix and a sequential set of numerical suffixes. Add scss and less (comma separated) to the appropriate property for your platform. Use the NUMERIC, CHARACTER, and ALL keywords to specify variables of a certain type (numeric or character) or all types.You’ll notice two properties on line 142: winfileextension=”css” macfileextension=”css”. On Windows: Find and open the MMDocumentTypes.xml file: C: –> Program Files (x86) –> Adobe –> Adobe Dreamweaver Your Version –> configuration –> DocumentTypes for MMDocumentTypes.xml.On a Mac: Find and open the MMDocumentTypes.xml file: ~username –> Library –> Application Support –> Adobe –> Dreamweaver CS6 (or whatever version you have) –> en_us –> Configuration –> DocumentTypes –> MMDocumentTypes.xml.To get Dreamweaver to color code everything nicely, we need to edit another file. Step 2: Get Dreamweaver to color code your SASS files Save the file, close, and restart Dreamweaver.Add SCSS and LESS to line 8, so that it reads: CSS,SCSS,LESS:Style Sheets.On Windows: Find your Extensions file for Dreamweaver by going here: Windows 7 paths are C: –> Users –> Your Username –> AppData –> Roaming –> Adobe –> Dreamweaver Your Versions –> en_US –> Configuration for Extensions.txt.On a Mac: Find your Extensions file for Dreamweaver by going here: ~username –> Library –> Application Support –> Adobe –> Dreamweaver CS6 (or whatever version you have) –> en_us –> Configuration –> Extensions.txt.Step 1: Get Dreamweaver to read your SASS filesīy default Dreamweaver doesn’t recognize your SASS files.