Rain css is a CSS Framework can build your web easier and efficient
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.settings
audio
copyCss
css
css3
d3
data
echarts
games
h5upload
icomoon
images
js
lib
orz
recorder audio recorder Aug 19, 2015
zepto
zym
Gruntfile.js
LICENSE
README
README.textile
article.html
articlelist.html
banner.html update css and footer Nov 23, 2015
buttons.html
change log.txt update selectjs Dec 16, 2013
components.html
css3.html
dialog.html
elements.html
form.html
grid.html
grids.html
gruntCfg.json
guagua.html
html5.html
icons.html
ie6Upgrade.html
index.html
layouts.html
lazyloadimg.html
list.html
listload.html
loadingbar.html 添加loadingbar摇动效果 Mar 11, 2016
login.html
marticle.html
mobile.html update css and footer Nov 23, 2015
navTopFixed.html
navVerticalFixed.html
navigation.html
package.json
panels.html
scrollNum.html
scrollScreen.html
select.html
snow.html
table.html
topExpand.html
util.html
webpack.config.js

README.textile

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

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.