<commit_before>PatternBolt
===========

Patternbolt is a fine selection of SVG pattern background, packed in a single CSS or SCSS file. Just put it in your project and add the right class to your elements. You can change pattern color changing the color variables and the pattern size changing the background-size. 
The pattern is added in a different level, so you can manipulate your DOM element as you want, adding a background picture, a gradient, or both. 
As they are vectors they never pixelate, not even on retina screens ;) 
The pattern selection still be under development and will be updated constantly. 



**HOW TO USE IT:**

Patternbolt is a sort of library of inline SVG pattern, to use one of the pattern as background you have to include de CSS file in your webpage.<br>
To do it just add this line in the `<head>` section:
<br>
```
<link rel="stylesheet" href="css/patternbolt.css" />
```

after that you are able to insert pattern in your markup justin adding the right class to an element.
Here come the list of CSS classes to use the pattern in the library:
```
.buseca-1
.h-lines-bold
.h-lines-medium
.h-lines-light
.o-lines-bold
.o-lines-medium
.o-lines-light
.cross-bold
.cross-medium
.cross-light
.cross-bold-thin
.cross-medium-thin
.cross-light-thin
```

other patterns and other classes will be added soon.

**demo page: http://buseca.github.io/patternbolt/**

Contributions are welcome!
You can find me on twitter: @ruggeromotta<commit_msg>read me updated<commit_after>PatternBolt
===========

Patternbolt is a fine selection of SVG pattern background, packed in a single or SCSS (or CSS ) file.<br>
Just put it in your project and add the right class to your elements. You can easily change pattern color and the pattern size changing the background css property, check the <a href="http://buseca.github.io/patternbolt/">demo page</a> to see how to do it.
The pattern is added in a "after" element and your original element still be inalterate and ready for manipulations.
As they are vectors they never pixelate, not even on retina screens ;) 
The pattern selection still be under development, to see the showcase, visit the <a href="http://buseca.github.io/patternbolt/">demo page</a>.



**HOW TO USE IT:**

Patternbolt is a sort of library of inline SVG pattern, to use one of the pattern as background you have to include de CSS file in your webpage.<br>
To do it just add this line in the `<head>` section:
<br>
```
<link rel="stylesheet" href="css/patternbolt.css" />
```

after that you are able to insert pattern in your markup justin adding the right class to an element.
Here come the list of CSS classes to use the pattern in the library:
```
.buseca-1
.h-lines-bold
.h-lines-medium
.h-lines-light
.o-lines-bold
.o-lines-medium
.o-lines-light
.cross-bold
.cross-medium
.cross-light
.cross-bold-thin
.cross-medium-thin
.cross-light-thin
```

**demo page: http://buseca.github.io/patternbolt/**

Contributions are welcome!
You can find me on twitter: @ruggeromotta
{'fraction_non_alphanumeric': 0.09090909090909091, 'fraction_numerical': 0.000666000666000666, 'mean_word_length': 4.17039586919105, 'pattern_counts': {'":': 0, '<': 16, '<?xml version=': 0, '>': 16, 'https://': 0, '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': '5656796', 'n_tokens_mistral': 890, 'n_tokens_neox': 834, 'n_words': 426}