Return to Snippet

Revision: 67893
at October 31, 2014 23:23 by madebycrunch


Initial Code
.row .prefix1 			{ padding-left:8.5%;	}
.row .prefix2 			{ padding-left:17%; 	}
.row .prefix3 			{ padding-left:25.5%; 	}
.row .prefix4 			{ padding-left:34%; 	}
.row .prefix5 			{ padding-left:42.5%; 	}
.row .prefix6 			{ padding-left:51%; 	}
.row .prefix7 			{ padding-left:59.5%; 	}
.row .prefix8 			{ padding-left:68%; 	} 
.row .prefix9 			{ padding-left:76.5%; 	}
.row .prefix10 			{ padding-left:85%; 	}
.row .prefix11 			{ padding-left:93.5%; 	}

.row .suffix1 			{ padding-right:8.5%;  	}
.row .suffix2 			{ padding-right:17%; 	}
.row .suffix3 			{ padding-right:25.5%; 	}
.row .suffix4 			{ padding-right:34%; 	}
.row .suffix5 			{ padding-right:42.5%; 	}
.row .suffix6 			{ padding-right:51%; 	}
.row .suffix7 			{ padding-right:59.5%; 	}
.row .suffix8 			{ padding-right:68%; 	} 
.row .suffix9 			{ padding-right:76.5%; 	}
.row .suffix10 			{ padding-right:85%; 	}
.row .suffix11			{ padding-right:93.5%; 	}

.row .push1 			{ left:8.5%;  	}
.row .push2 			{ left:17%; 	}
.row .push3 			{ left:25.5%; 	}
.row .push4 			{ left:34%; 	}
.row .push5 			{ left:42.5%; 	}
.row .push6 			{ left:51%; 	}
.row .push7 			{ left:59.5%; 	}
.row .push8 			{ left:68%; 	} 
.row .push9 			{ left:76.5%; 	}
.row .push10 			{ left:85%; 	}
.row .push11 			{ left:93.5%; 	}

.row .pull1 			{ right:8.5%;  	}
.row .pull2 			{ right:17%; 	}
.row .pull3 			{ right:25.5%; 	}
.row .pull4 			{ right:34%; 	}
.row .pull5 			{ right:42.5%; 	}
.row .pull6 			{ right:51%; 	}
.row .pull7 			{ right:59.5%; 	}
.row .pull8 			{ right:68%; 	} 	
.row .pull9 			{ right:76.5%; 	}
.row .pull10 			{ right:85%; 	}
.row .pull11 			{ right:93.5%; 	}

Initial URL

                                

Initial Description
Grid structure styling

Initial Title
CSS - The Grid - Offsets

Initial Tags

                                

Initial Language
CSS