Rain CSS Framework Readme

Rain css is a CSS Framework can build your web easier and efficient,and all object are set in screen.css and rain.css,so you can only invoke it now and it support all css3 properties, and the reset css use blueprint framework.it’s include these commponents:

• Base HTML elements
• HTML Common Components
• Page Layout
• Mobile UI

Project Info

• Web: http://www.webdevelopmentmachine.com/rain-css/index.html
• Source: https://github.com/RainZhai/Rain-CSS-Framework

Setup Instructions

Here’s how you set up Rain CSS on your site.

1. Upload the “blueprint” folder in this folder to your server, and place it in whatever folder you’d like. A good choice would be your CSS folder.
2. Add the following three lines to every <head/> of your site. Make sure the three href paths are correct (here, BP is in my CSS folder):

   
   <link rel="stylesheet" href="css/blueprint/rain.css" type="text/css" media="screen, projection">
   
   Remember to include trailing slashes (" />") in these lines if you’re using XHTML.
3. For development, add the .showgrid class to any container or column to see the underlying grid. Check out the plugins directory for more advanced functionality.

Files in Rain CSS

The framework has a few files you should check out. Every file in the rain directory contains lots of (hopefully) clarifying comments.

Source files:

• rain/css/rain.css
  This file resets CSS values that browsers tend to set for you.

Scripts:

• js/html5.js
  Validates the Blueprint core files with the W3C CSS validator.