Tools & Resources for Front End Web-Developer
Best 4 Web Design
Useful tools, resources & freebies for Front-End Web Developer, UI Designer & Web Designer
Patternbolt : SVG Pattern Backgrounds in Single CSS or SCSS File
PatternBolt is a fine selection of SVG pattern background, packed in a single CSS or SASS (scss) file, just include the css file in your project and add a class to your element to insert a pattern. You can change color palette changing the background-color of your element and the pattern size changing the background-size of the ':after' element. As the pattern is added in a ':after' level, you still can manipulate your DOM element as you want, adding a bg-color, a bg-picture, a gradient, or both. As they are vectors they never pixelate, not even on retina screens ;) PS: The pattern selection still be under development, go to the bottom to see the showcase.
🔗 GO TO LINK
You might also like...
One grid system to rule them all (.scss)
Penguin, the smallest and lightest SCSS library
How to Utilize the Pattern Tool to Create a Pattern Brush in Illustrator CS6
A Grid System With SCSS – Profound Grid