bootstrap-orion

Bootstrap components for admin pages

Orion is a group of components built on top of Bootstrap geared towards building admin interfaces.

It's not exactly a theme/skin; it leaves stock Bootstrap components alone. Instead, it gives you more components to use.

Usage

npm install mashupgarage/bootstrap-orion bootstrap-sass

Then use it like so:

@import 'bootstrap-orion/assets/stylesheets/common';
@import 'bootstrap-sass/assets/stylesheets/bootstrap';
@import 'bootstrap-orion/assets/stylesheets/base';
@import 'bootstrap-orion/assets/stylesheets/components';

Parts

• common - Variables and mixins (no output emitted).
• base - Basic overrides (h1, h2, etc).
• components - Components.

Configuring

• You can choose to @import only the components you need.
• You can override any of the variables by defining them before common.

RSCSS

It loosely follows RSCSS naming conventions, namely:

• Components are always in .two-words.
• Elements are one word, like .info-box > .title, and are always selected using >.
• Variant classes start with a dash, like .-active.

The only parts that don't strictly follow RSCSS are .btn, which follows Bootstrap conventions. (eg, .btn.btn-sm.btn-accent instead of .btn.-small.-accent)

Thanks

bootstrap-orion © 2016, Mashup Garage. Released under the MIT License.
Authored and maintained by Rico Sta. Cruz with help from contributors (list).

ricostacruz.com  ·  GitHub @rstacruz  ·  Twitter @rstacruz