https://github.com/keyboardcowboy/orion
Rapid prototyping library using SASS and Jade.
https://github.com/keyboardcowboy/orion
Last synced: about 1 month ago
JSON representation
Rapid prototyping library using SASS and Jade.
- Host: GitHub
- URL: https://github.com/keyboardcowboy/orion
- Owner: KeyboardCowboy
- Created: 2013-07-10T00:42:53.000Z (almost 13 years ago)
- Default Branch: 3.x-dev
- Last Pushed: 2015-07-31T01:37:46.000Z (almost 11 years ago)
- Last Synced: 2025-01-18T14:37:38.777Z (over 1 year ago)
- Language: CSS
- Homepage:
- Size: 875 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.txt
Awesome Lists containing this project
README
# Orion Rapid Prototyping Library
Version 3.x
https://github.com/KeyboardCowboy/orion
Orion is my own library of [SASS](http://sass-lang.com/) components and [Jade](http://jade-lang.com/) base layouts I've compiled
over time in order to facilitate rapid prototyping for responsive and
cross-browser compatible websites.
## Libraries
Orion ships with various 3rd party libraries:
### Included
Some libraries are included in Orion and are loaded automatically.
- [Bourbon](http://bourbon.io) for CSS3 and multi-vendor support (required for Orion to work)
- [Zen Grids](http://zengrids.com) for responsive grid layouts
- [Typeplate, v1.1.2](http://typeplate.com) for typography
- [Normalize, v2.1.3](http://necolas.github.io/normalize.css) for cross browser consistency
### Experimental
- [Foundation](http://foundation.zurb.com/docs/sass.html) components are being wrapped for easier implementation and to prevent unnecessary styles from being injected into the stylesheets.
## How to Use Orion
1. Drop Orion into your project.
- mySassProject
- orion
- _vars.scss
- _mixins.scss
- styles.scss
2. Import the orion partial into your SCSS file.
`@import 'orion/orion';`
3. Add any custom variables and mixins, especially any variables that typeplate may use if you are including that.
@import 'vars';
@import 'mixins';
4. (Optional) Import starter styles
@import 'orion/normalize';
@import 'orion/typeplate';
5. Add your own styles.