<commit_before># Bluemix Components

**Component library for building websites and UIs for Atlas/Bluemix.**

Bluemix Components gives developers (FEDs & Engineers) a collection of re-usable HTML and Sass partials they can use for building websites and user-interfaces for Bluemix.

The aim is for every developer to use consistent markup, styles, and behavior in their prototype and production work.

## Install

Installing Bluemix Components comes bundled with these dependencies:

- [IBM-Design/colors](https://github.com/IBM-Design/colors): A SCSS file with IBM Design Colors.
- [bluemix-icons](https://github.ibm.com/Bluemix/bluemix-icons): A SCSS file with icon classes using SVG.

**Bower**:

Requirements:
* NPM: [Installer](https://nodejs.org/en/) / [Homebrew](http://blog.teamtreehouse.com/install-node-js-npm-mac)
* Bower: `npm install -g bower`

Initialize a **bower.json** file:
```bash
bower init
```

Create a **.bowerrc** file:
```json
{ "registry": "http://x1showcase.emmlabs.ibm.com:5678/" }
```

Install the bower package:

```bash
bower install bluemix-components#2.0.0-alpha --save-dev
```

Create a **main.scss** file in your project and `@import` bluemix-components with a relative path to the bower package.

If using bower_components folder:
```scss
@import 'bower_components/bluemix-components/styles';
```

You can also configure your **.bowerrc** file to install bluemix-components and other bower packages in another directory. See [bower/spec](https://github.com/bower/spec/blob/master/config.md#directory) docs for details.

**NPM** (Deprecated until we get NPM Enterprise)

## Usage

*docs coming soon*
<commit_msg>components is a production dependency for projects<commit_after># Bluemix Components

**Component library for building websites and UIs for Atlas/Bluemix.**

Bluemix Components gives developers (FEDs & Engineers) a collection of re-usable HTML and Sass partials they can use for building websites and user-interfaces for Bluemix.

The aim is for every developer to use consistent markup, styles, and behavior in their prototype and production work.

## Install

Installing Bluemix Components comes bundled with these dependencies:

- [IBM-Design/colors](https://github.com/IBM-Design/colors): A SCSS file with IBM Design Colors.
- [bluemix-icons](https://github.ibm.com/Bluemix/bluemix-icons): A SCSS file with icon classes using SVG.

**Bower**:

Requirements:
* NPM: [Installer](https://nodejs.org/en/) / [Homebrew](http://blog.teamtreehouse.com/install-node-js-npm-mac)
* Bower: `npm install -g bower`

Initialize a **bower.json** file:
```bash
bower init
```

Create a **.bowerrc** file:
```json
{ "registry": "http://x1showcase.emmlabs.ibm.com:5678/" }
```

Install the bower package:

```bash
bower install bluemix-components#2.0.0-alpha --save
```

Create a **main.scss** file in your project and `@import` bluemix-components with a relative path to the bower package.

If using bower_components folder:
```scss
@import 'bower_components/bluemix-components/styles';
```

You can also configure your **.bowerrc** file to install bluemix-components and other bower packages in another directory. See [bower/spec](https://github.com/bower/spec/blob/master/config.md#directory) docs for details.

**NPM** (Deprecated until we get NPM Enterprise)

## Usage

*docs coming soon*

{'fraction_non_alphanumeric': 0.12240601503759399, 'fraction_numerical': 0.00481203007518797, 'mean_word_length': 4.855633802816901, 'pattern_counts': {'":': 2, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '274042', 'n_tokens_mistral': 1101, 'n_tokens_neox': 1048, 'n_words': 350}