https://github.com/lewagon/sass-challenges
SASS challenges @LeWagon
https://github.com/lewagon/sass-challenges
Last synced: 4 months ago
JSON representation
SASS challenges @LeWagon
- Host: GitHub
- URL: https://github.com/lewagon/sass-challenges
- Owner: lewagon
- Created: 2015-01-18T17:08:13.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2015-01-18T18:27:40.000Z (over 11 years ago)
- Last Synced: 2025-06-03T15:29:19.931Z (12 months ago)
- Size: 172 KB
- Stars: 1
- Watchers: 9
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Le Wagon advanced front-end challenges
The final goal of these 2-day challenges is to obtain [this website](http://lewagon.github.io/stylus) with a clean and organized project architecture and generic and re-usable CSS modules. This will be **extremely precious for your future projects**.
## Day #1
### `01-middleman-content-migration`
The objective of this challenge is to migrate your poor HTML website into a nice Middleman project with templates and SASS. Start with a fork/clone of our [middleman boilerplate](https://github.com/lewagon/middleman-boilerplate)
### `02-middleman-style-migration`
In this challenge, you will adopt a very clean organization of our styleheets, and you will use SASS variables, chaining and nesting to have a concise but efficient design.
## Day #2
### `03-middleman-local-data`
Add a new page to your site connected to a text-database of your choice. Once you know this technique, you can easily add new content and maintain your website.
### `04-building-sass-modules`
This challenge makes you write your first SASS modules. Once written, you can re-use them in all your future projects. That rocks!