Hi. I built it to use on one of my projects. If you really want to use it, feel free.

Sandstrap - Lightweight and simple css framework with no dependencies

Full docs with examples: https://devel.tongkolspace.com/sandstrap/demo/.

If you are using a module bundler like npm or Webpack...

npm add sandstrap

...or manually inject the minified script into your website.

<link rel="stylesheet" href="assets/css/sandstrap.min.css">
<script src="assets/js/sandstrap.min.js"></script>

what's the difference with bootstrap?

• limited unitilities
• does not have all bootstrap components (Alerts, Badge, Buttons, Button group, Card, Carousel, Collapse, Dropdowns, Forms, Input group, Jumbotron, List group, Modal, Navs, Navbar, Popovers, Progress, Scrollspy, Tooltips).
• does not have all bootstrap javascript

Advantages

• Total css built size: 25KB
• Total js built size: 6KB
• Support pure javascript without jQuery

Sandstrap Components

• Pagination
• Breadcrumb
• Typography
• Icon
• Share button
• Button Function
• Header Footer
• Javacript -> collapse function

How to recompile grid

• If you need to edit recompile grid and using sass. Make sure you have installed grunt, if you haven't already installed it please check https://gruntjs.com/getting-started first
• Run npm install to install all dependencies
• Run grunt watch to watch all changes and recompile the css/js file that you changed
• Now you can edit sass/js files based on your needs and enjoy!
• Feel free to edit & delete src/sass/_grid.scss

Browser support

| | | | --- | --- | --- | --- | --- | Latest ✔ | Latest ✔ | 10+ ✔ | Latest ✔ | 9.1+ ✔ |

License

MIT