Hi. I built it to use on one of my projects. If you really want to use it, feel free.
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>
- 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
- Total css built size: 25KB
- Total js built size: 6KB
- Support pure javascript without jQuery
- Pagination
- Breadcrumb
- Typography
- Icon
- Share button
- Button Function
- Header Footer
- Javacript -> collapse function
- 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
Latest ✔ | Latest ✔ | 10+ ✔ | Latest ✔ | 9.1+ ✔ |
MIT