Styles are broken down into the following groups: Base, Layout, Atoms, Molecules, Organisms, States, Themes, Utilities and Overrides
Getting Started
If needed, installnode and npm (Node Package Manager).
If needed, install gulp with npm install gulp -g.
Clone this repo with git clone https://github.com/minamarkham/sassy-starter or download the zip.
In terminal, cd to the folder containing your project. Alternatively, you can type cd and drag the location of the folder into your terminal and hit enter (on Macs).
In terminal, type npm install. If (and only if) npm install isn't working, try sudo npm install. This should install all dependencies.
In terminal, enter gulp.
Your browser should open at http://localhost:3000. You can access this same page on any device on the same wifi network and they'll see whats on your screen. It'll even sync scrolls and clicks!
Edit your code inside of the src folder.
Your complied and minified css, html, and javascript files will be created and updated in dist/. Never edit files within the dist/ folder, as it gets deleted frequently.
Keep gulp running while you're making changes. When you want to stop the gulp task, hit ctrl + C.
For theming: add separate file (theme.scss) insrc/scss/themes/, override the default $theme variable, and run gulp themes.
请发表评论