1.0.4 • Published 5 years ago

sandstrap v1.0.4

Weekly downloads
4
License
MIT
Repository
github
Last release
5 years ago

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

ChromeFirefoxIEOperaSafari
Latest ✔Latest ✔10+ ✔Latest ✔9.1+ ✔

License

MIT