Skip to content
Rancho is a fast and well designed HTML and SCSS framework for building responsive web pages and applications.
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dev
public
.gitignore
LICENSE
gulpfile.js
package.json
readme.md

readme.md

Rancho

Rancho is a fast and well designed HTML and SCSS framework for building responsive web pages and applications.

Table of Contents

Get Started

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
  • Run npm install in the project directory
  • Run gulp watch to watch for changes and auto-compile upon saving

A CDN providing access to pre-compiled and minified CSS and Javascript will be available shortly.

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

It is strongly recommended that you use the minified versions of the CSS and Javascript with gzip compression applied for production sites. Images added to dev/images will be automatically optimized for the web and saved to public/assets/images using Gulp Imagemin.

Documentation

Documentation coming soon.

Versioning

Rancho versioning is mantained using the Semantic Versioning 2.0.0 MAJOR.MINOR.PATCH standard.

Creators

The Rancho Framework is designed and mantained by Peter Medina. It includes the following MIT licensed components:

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.

You can’t perform that action at this time.