niral.css

/*
 * Niral 0.3
 *
 * Niral Grid is a responsive but simplest grid -- nothing fancy.
 *
 * Copyright 2013, Tharique Azeez
 * Licensed under the MIT license.
 *
 */
 
body {
    font-size: 100%;  /* 16px | 100% | 1em */
}

.niral {
    letter-spacing: -.25em; 
    margin-left: auto;
    margin-right: auto;
    max-width: 60em; 
}
.niral > * {   
    letter-spacing: 0;
}
[class*="nirals-"] {
    margin-left: 1.25%;
    margin-right: 1.25%;
    -webkit-box-sizing: border-box; /* Box sizing FTW */
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
@media (min-width: 40em) { /* 640px */
    [class*="nirals-"] {
        display: inline-block;
        vertical-align: top;
        /* Fix for IE7 */
        zoom: 1;
        *display: inline;
    }   
    .nirals-20  { width: 17.5%; }
    .nirals-25  { width: 22.5%; }
    .nirals-30  { width: 27.5%; }
    .nirals-33  { width: 30.833333333%; }
    .nirals-40  { width: 37.5%; }
    .nirals-50  { width: 47.5%; }
    .nirals-60  { width: 57.5%; }
    .nirals-66  { width: 64.166666666%; }
    .nirals-70  { width: 67.5%; }
    .nirals-75  { width: 72.5%; }
    .nirals-80  { width: 77.5%; }
    .nirals-100 { width: 97.5%; }
}