ro:Kit a modular and scalable CSS-only responsive framework that lets you mix-and-match functionalities, styles, animations and behaviors.
ro:Kit Features
- Slide In & Shadow Animation Classes for sequenced animation of elements on page load
- Responsive typography and fontscales
- CSS Grid Layout
- Color Theme with Gradients
- Utility Classes for styling, padding, margin and layout
- Components:
- Responvie Buttons
- Jumbos and Jumbo Customization Mixins
- Cards
- CSS Only Tooltips
Documentation: http://mesojedec.io/roKit/ Example: http://mesojedec.io/roKit/example.html
- Download the ro:Kit framework.
- Place the ro:Kit file into your project folder.
- Add the following link tag pointing to the ro:Kit file
<link href="css/roKit.min.css" rel="stylesheet" />
- You're good to go!
- Download and install Node and SASS if you didn't already.
- Clone git repository https://github.com/rokmesojedec/rokit
- Using command line or terminal navigate to project's src folder.
- Enter following command
$ sass scss/:css/
to compile the framework. if you plan to customize ro:Kit add the--watch
flag to previous command.