An example app, heavily inspired by Lonley Planet, to demonstrate some of the capabilites of Sass.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Installs project dependencies
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
The barebones skeleton of the app. Contains some markup, data and images.
The Sass boilerplate has been added as well as the sass npm package.
The app is a blank canvas ready to start adding layouts.
Layouts have been created, ready to start adding components and their styles.
The app in it's final state, layouts and components are styled. Variables can be tweaked to change the look and feel of the app.
The app in it's current state isn't very responsive, this is bad!! Have a go at using what you've learnt so far to make the app responsive. Remember to use the breakpoint mixin, good luck!