Hey there! We're thoughtbot, a design and development consultancy that brings your digital product ideas to life. We also love to share what we learn.
This coding exercise comes from Upcase, the online learning platform we run. It's part of the Bourbon Smash course and is just one small sample of all the great material available on Upcase, so be sure to visit and check out the rest.
Use Bourbon's mixins to style a login form.
To start, you'll want to clone and run the setup script for the repo
git clone git@github.com:thoughtbot-upcase-exercises/bourbon-foundations.git
cd bourbon-foundations
bin/setup
You can then start the server to view the styles with:
bundle exec middleman server
Your goal is to refactor the provided styles using Bourbon's mixins to simplify the style rules as you go.
Be sure to revisit the Bourbon Introduction video, as well as the Bourbon documentation for reference.
Check out the featured solution branch to see the approach we recommend for this exercise.
If you find yourself stuck, be sure to check out the associated Upcase Forum discussion for this exercise to see what other folks have said.
When you've finished the exercise, head on back to the Bourbon Smash course to find the next exercise, or explore any of the other great content on Upcase.
bourbon-foundations is Copyright © 2015-2018 thoughtbot, inc. It is free software, and may be redistributed under the terms specified in the LICENSE file.
This exercise is maintained and funded by thoughtbot, inc.
The names and logos for Upcase and thoughtbot are registered trademarks of thoughtbot, inc.