Get a frosty bite of freshness in your web adventures with Hailstorm.
A modern CSS framework created with SCSS and all latest and greatest CSS trends out there.
Project is in an early WIP state!
As part of the framework you get the following:
- Mobile first responsive design
- CSS Grid based layouting
- Pure CSS animated transitions
- Clean and spacious styling
- Multi layer element design
- A plethora of items:
- Forms
- Buttons
- Progress bars
- Panels
- Cards
- Alerts
- Notifications
- Banners
- Lists
- Pagination
- Breadcrumbs
- Navigation
- Tables
- Sane typography with zipf spread
- Variable and calculation based colors
Make sure to check todo for progress info.
Additionally framework ships with a select set of Vanilla JS modules to augment your design game.
- Hoverable popups and tooltips
- Content modals
- Mobile overlay navigation
- Switches
- Tabbed content
You can check out the demo index.html HERE
How to pull to local
git clone git@github.com:Taxiozaurus/hailstorm.git
How to create new branches
git checkout -b <new_branch_name>
How to push new branches
git push origin -u <new_branch_name>
You need to install node.js and add a global installation of node-sass, postcss and autoprefixer modules.
Install the required node modules like so:
npm install -g node-sass postcss-cli autoprefixer
Once done you can compile the .css from the .scss source via the gencss bash/sh script
Run like so:
./gencss