binary-style

binary-style

Style system and guide for Binary.com

You can see the Live Style Guide

The goal of the project is to serve as base style for all Binary projects, and to ensure consistency and maintainability of the brand presentation.

Usage

• Add jQuery to your project

• Add these files to your project:

https://style.binary.com/binary.js
https://style.binary.com/binary.css

• If you need Date and Time Pickers, Tabs or Accordion include "binary.more.js" in your project, this will include a copy of jquery-ui with customized styles.

https://style.binary.com/binary.more.js

NPM Usage (Recommended)

• The library is aviable on npm

npm install --save binary-style

• If you need Date and Time Pickers, Tabs or Accordion import "binary-styles/binary.more" in addition to "binary-style"

import 'binary-style';
import 'binary-style/binary.css';
import 'binary-style/binary.more'; // This includes a custom jquery-ui@1.12.1 build

• For new projects it's remommended to import 'binary-style/binary.isolated instead,

import 'binary-style/binary.isolated`;
import 'binary-style/binary.isolated.css';

The only difference is that all css styles are wrapped inside a wrapper with .binary-style selector.