{"repo":"bjankord/style-guide-boilerplate","free":true,"listed":false,"github":"https://github.com/bjankord/style-guide-boilerplate","clone":"git clone https://github.com/bjankord/style-guide-boilerplate.git","description":"⚡️🎨 A starting point for crafting living style guides.","language":"HTML","stars":1937,"topics":["styleguide","boilerplate","html","css"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Style-Guide-Boilerplate v3.3.2 ============================== A starting point for crafting living style guides. View Demo Note: Sample patterns have been included in the demo. Your site will have its own unique patterns. Getting Started With Style Guide Boilerplate Download the Style Guide Boilerplate You can clone, fork, or download the repo from GitHub. Once you have the files for Style Guide Boilerplate , you'll create a directory on your site for them. Set up a directory on your site for the style guide I recommend creating a directory named style-guide in your site's root directory. Upload the Style Guide Boilerplate files Style Guide Boilerplate is currently PHP based so you will need a server that supports PHP. Upload the files from the GitHub repo to your newly created directory. Hook up your own CSS into the style guide In the of Style Guide Boilerplate are custom styles for the boilerplate itself. These have all been prefixed with sg- so they hopefully shouldn't cause any conflicts with your website's own styles. Below the custom styles for the boilerplate, you will add in your own custom stylesheet(s) which you use on your live site. Review your live site CSS You should be able to go to yoursite.com/style-guide/ and see how your live site's CSS affects base elements. The last step is creating your site's custom patterns/modules. Create custom patterns To create custom patterns like buttons, breadcrumbs, alert messages, etc., create a new .html file and add your HT","default_branch":null,"files":null,"tree":[],"storefront":"/r/bjankord","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bjankord/style-guide-boilerplate/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}