ro:Kit - Responsive Framework

A Mix and Match Framework

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

ro:Kit Documentation & Example

Documentation: http://mesojedec.io/roKit/ Example: http://mesojedec.io/roKit/example.html

How to Use ro:Kit

1. Download the ro:Kit framework.
2. Place the ro:Kit file into your project folder.
3. Add the following link tag pointing to the ro:Kit file <link href="css/roKit.min.css" rel="stylesheet" />
4. You're good to go!

How to Compile from Source

1. Download and install Node and SASS if you didn't already.
2. Clone git repository https://github.com/rokmesojedec/rokit
3. Using command line or terminal navigate to project's src folder.
4. Enter following command $ sass scss/:css/ to compile the framework. if you plan to customize ro:Kit add the --watch flag to previous command.