Rancho is a fast and well designed HTML and SCSS framework for building responsive web pages and applications.
Table of Contents
Rancho requires, at minimum, a SASS compiler and Autoprefixer to use. The included package.json file assumes a Node and Gulp based workflow and will handle dependency installations for you. Simply run
npm install on the command line tool of your choice to get cooking.
- Download the latest Rancho release
- Make sure you have Node and Gulp installed globally
npm installin the project directory
gulp watchto watch for changes and auto-compile upon saving
What You Get
Rancho includes the following files:
rancho/ ├──dev/ | ├──images/ | ├──scss/ | | └── ...scss source files | └──scripts/ | └── ...js source files ├──public/ | ├──index.html | └──assets | |--css/ | | ├──rancho.css | | └──rancho.min.css | ├──images/ | └──scripts/ | ├──rancho.css | └──rancho.min.css ├──gulpfile.js ├──package.json └──readme.md
dev/images will be automatically optimized for the web and saved to
public/assets/images using Gulp Imagemin.
Documentation coming soon.
Rancho versioning is mantained using the Semantic Versioning 2.0.0 MAJOR.MINOR.PATCH standard.
The Rancho Framework is designed and mantained by Peter Medina. It includes the following MIT licensed components:
- Normalize.css by Nicolas Gallagher and Jonathan Neal
- jQuery Accessible Accordions by Nicolas Hoffmann
- Accessible Modal Window by Scott O’Hara
- Accessible Tabs by Jeff Smith
- Font Awesome by Dave Gandy
Rancho uses several Bootstrap 4 class names to ease the learning curve where appropriate.
Copyright and License
Code copyright © 2017 Peter Medina and contributors. Code released under the MIT License. Rancho Framework and the Rancho logo are trademarks of Peter Medina, all rights reserved. Go forth and make something excellent.