<commit_before># u-componentConstructor [![Build Status](https://secure.travis-ci.org/Archetype-CSS/u-componentConstructor.png?branch=master)](http://travis-ci.org/Archetype-CSS/u-componentConstructor) [![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/)

Component constructor utility for overriding default component styles without redundant output.

## Installation
  * [Bower](http://bower.io): {{coming soon}}
  * Git: `git clone https://github.com/Archetype-CSS/u-componentConstructor.git`

## Use
The component constructor utility is a mixin 

Example:
 ```scss
$ bower install <component-name>'
$ @import <component-name>' (within your projects main Sass file)
```
This provides the component along with it's default prototype styles to override, re-assign the `$structure-styles` and '$skin-styles' maps within a new partial (example: `/components/_<component-name>.scss`)


```scss
// import u-componentConstructor within your project's main sass file
@import 'path/to/bower_components/u-componentConstructor';
```


```scss
// import the Archetype component you intend to override in the same file
@import 'path/to/bower_components/_componentName';

// override default prototype structure with custom structure styles
$componentName--structure:(
  // your custom styles...
);

// override default prototype skin with custom skin styles
$componentName--skin:(
  // your custom styles...
);

// componentName structure
.componentName--structure {
  @include component--structure($componentName--structure);
}

// button skin
.test__component--skin {
  @include component--skin($componentName--skin);
}

```

  * `@include componentConstructor($map)` - call the componentConstructor
    mixin and output `property: value` for each property and value pair within
    `$map`.

## Run the Test Locally

```bash
git clone https://github.com/Archetype-CSS/u-componentConstructor.git
cd u-componentConstructor
npm install
grunt
```

### Browser Suport
  * Chrome (latest)
  * Firefox (4+)
  * Opera (latest)
  * Safari (5+)
  * Internet Explorer (8+)

#### License
[MIT](/LICENSE.md)
<commit_msg>README.md cleanup<commit_after># u-componentConstructor [![Build Status](https://secure.travis-ci.org/Archetype-CSS/Archetype-u-componentConstructor.png?branch=master)](http://travis-ci.org/Archetype-CSS/Archetype-u-componentConstructor) [![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/)

Component constructor utility for overriding default component styles without redundant output.

## Installation
  * [Bower](http://bower.io): `bower install Archetype-u-componentConstructor`
  * Git: `git clone https://github.com/Archetype-CSS/Archetype-u-componentConstructor.git`

## Use
There are two flavors of the component constructor utility. The first is a mixin that iterates over a map returning property value pairs. The second is a function that simply retreives a specific value given a key.

Example:
 ```scss
$ bower install <component-name>'
$ @import <component-name>' (within your projects main Sass file)
```
This provides the component along with it's default prototype styles to override, re-assign the `$structure-styles` and '$skin-styles' maps within a new partial (example: `/components/_<component-name>.scss`)


```scss
// import u-componentConstructor within your project's main sass file
@import 'path/to/bower_components/u-componentConstructor';
```


```scss
// import the Archetype component you intend to override in the same file
@import 'path/to/bower_components/_componentName';

// override default prototype structure with custom structure styles
$componentName--structure:(
  // your custom styles...
);

// override default prototype skin with custom skin styles
$componentName--skin:(
  // your custom styles...
);

// componentName structure
.componentName--structure {
  @include component--structure($componentName--structure);
}

// componentName skin
.componentName--skin {
  @include component--skin($componentName--skin);
}

```

## Run the Test Locally

```bash
git clone https://github.com/Archetype-CSS/Archetype-u-componentConstructor.git
cd Archetype-u-componentConstructor
npm install
grunt
```

### Browser Suport
  * Chrome (latest)
  * Firefox (4+)
  * Opera (latest)
  * Safari (5+)
  * Internet Explorer (8+)

#### License
[MIT](/LICENSE.md)

{'fraction_non_alphanumeric': 0.13100436681222707, 'fraction_numerical': 0.001378993334865548, 'mean_word_length': 4.741424802110818, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, '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': '5718733', 'n_tokens_mistral': 1284, 'n_tokens_neox': 1226, 'n_words': 368}