b.CSS

To use b.CSS in your project, just add the following css reference to your project. in case you also want to use the icons, add the svg.js reference as well.

(-link rel="stylesheet" href="https://mo-hi.github.io/bjs/css/b.css"-) | link

All available svgs

{{{{svg}}}}
{{svg}}


Size 12

{{svg-icon-edit-12}}
{{svg-icon-grid-12}}
{{svg-icon-menu-12}}
{{svg-icon-search-12}}
{{svg-icon-filter-12}}
{{svg-icon-download-12}}
{{svg-icon-upload-12}}
{{svg-icon-save-12}}
{{svg-icon-discard-12}}
{{svg-icon-heart-12}}

Size 24

{{svg-icon-edit-24}}
{{svg-icon-grid-24}}
{{svg-icon-menu-24}}
{{svg-icon-search-24}}
{{svg-icon-filter-24}}
{{svg-icon-download-24}}
{{svg-icon-upload-24}}
{{svg-icon-save-24}}
{{svg-icon-discard-24}}

Size 48

{{svg-icon-edit-48}}
{{svg-icon-grid-48}}
{{svg-icon-menu-48}}
{{svg-icon-search-48}}
{{svg-icon-filter-48}}
{{svg-icon-download-48}}
{{svg-icon-upload-48}}
{{svg-icon-save-48}}
{{svg-icon-discard-48}}

Colors

{{svg-icon-grid-48}}
{{svg-icon-grid-48}}
{{svg-icon-grid-48}}
{{svg-icon-grid-48}}
{{svg-icon-grid-48}}
{{svg-icon-grid-48}}
{{svg-icon-grid-48}}
{{svg-icon-grid-48}}


Buttons

{{svg-icon-{{iconname}}-24}}
svg-icon-{{iconname}}
12 18 24 36 48
btn
{{svg-icon-{{iconname}}-12}}
{{svg-icon-{{iconname}}-18}}
{{svg-icon-{{iconname}}-24}}
{{svg-icon-{{iconname}}-36}}
{{svg-icon-{{iconname}}-48}}
btnS
{{svg-icon-{{iconname}}-12}}
{{svg-icon-{{iconname}}-18}}
{{svg-icon-{{iconname}}-24}}
{{svg-icon-{{iconname}}-36}}
{{svg-icon-{{iconname}}-48}}
btnXS
{{svg-icon-{{iconname}}-12}}
{{svg-icon-{{iconname}}-18}}
{{svg-icon-{{iconname}}-24}}
{{svg-icon-{{iconname}}-36}}
{{svg-icon-{{iconname}}-48}}

Back to mo-hi Link to github repo