Most of these examples are based on the textures at Subtle Patterns, with the addition of being converted into alpha mode. An inverted version of each texture has also been created.
Use the following include for an element you want to add a texture to. The three variables passed into the mixin are:
@include texture(green, 34, 0); // color, texture-number, 0=inverted or 1=normal
Include the _texture-mixin.scss file in your project and you should be good to go.
The texture number on the left side in the examples below corresponds to the texture number in the _texture-mixin.scss file. The left-hand side shows the normal version and the right-hand side shows the inverted version. Use the color picker in the top right corner of each example to try out different backgrounds for the particular texture.
For a category overview, refer to the mixin file comments. The textures are ordered according to category.