Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore Initial commit Jul 1, 2018
package-lock.json Add autoprefixer Jul 25, 2018
package.json Add autoprefixer Jul 25, 2018

SCSS Boilerplate

This repository contains SCSS boilerplate code to quickly get started on building a webpage following a simplified version of the 7-1 pattern.

It contains these folders :

  • abstracts : functions, variables
  • base : reset, typography, utilities
  • components : buttons, form
  • layout : footer, header, nav



  • Install the live-server package : npm install -g live-server
  • Run npm install

Running the app

Run npm run start. Your browser should automatically open a new tab where you can see your app.

Note : live reload is enabled so just modify your files and it will be reflected on the app instantly.

Building the app

Run npm run build. It will automatically add vendor prefixes to CSS rules and compress all your .scss files into one style.css file located in your css folder.

You can’t perform that action at this time.