Project using CSS Grid for a responsive webpage layout with a generic set of page elements e.g. header, navigation, section, content, aside (sidebar) and footer.
Forked from this SCSS Boilerplate repo
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, variablesbase
: reset, typography, utilitiescomponents
: buttons, formlayout
: footer, header, nav
- Install the
live-server
package :npm install -g live-server
- Run
npm install
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.
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.