keyboardcowboy / orion
Library of sass mixins and jade templates for rapid prototyping.
Installs: 25
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 3
Forks: 0
Open Issues: 0
Language:CSS
Requires
- composer/installers: ~1.0
This package is not auto-updated.
Last update: 2024-10-26 17:03:01 UTC
README
Version 3.x
https://github.com/KeyboardCowboy/orion
Orion is my own library of SASS components and Jade 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 for CSS3 and multi-vendor support (required for Orion to work)
- Zen Grids for responsive grid layouts
- Typeplate, v1.1.2 for typography
- Normalize, v2.1.3 for cross browser consistency
Experimental
- Foundation components are being wrapped for easier implementation and to prevent unnecessary styles from being injected into the stylesheets.
How to Use Orion
-
Drop Orion into your project.
- mySassProject - orion - _vars.scss - _mixins.scss - styles.scss
-
Import the orion partial into your SCSS file.
@import 'orion/orion';
-
Add any custom variables and mixins, especially any variables that typeplate may use if you are including that.
@import 'vars'; @import 'mixins';
-
(Optional) Import starter styles
@import 'orion/normalize'; @import 'orion/typeplate';
-
Add your own styles.