Advanced Search

CSS - The Grid - Offsets

/ Published in: CSS
Save to your folder(s)
Grid structure styling

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .row .prefix1 			{ padding-left:8.5%;	}
  2. .row .prefix2 			{ padding-left:17%; 	}
  3. .row .prefix3 			{ padding-left:25.5%; 	}
  4. .row .prefix4 			{ padding-left:34%; 	}
  5. .row .prefix5 			{ padding-left:42.5%; 	}
  6. .row .prefix6 			{ padding-left:51%; 	}
  7. .row .prefix7 			{ padding-left:59.5%; 	}
  8. .row .prefix8 			{ padding-left:68%; 	} 
  9. .row .prefix9 			{ padding-left:76.5%; 	}
  10. .row .prefix10 			{ padding-left:85%; 	}
  11. .row .prefix11 			{ padding-left:93.5%; 	}
  12.  
  13. .row .suffix1 			{ padding-right:8.5%;  	}
  14. .row .suffix2 			{ padding-right:17%; 	}
  15. .row .suffix3 			{ padding-right:25.5%; 	}
  16. .row .suffix4 			{ padding-right:34%; 	}
  17. .row .suffix5 			{ padding-right:42.5%; 	}
  18. .row .suffix6 			{ padding-right:51%; 	}
  19. .row .suffix7 			{ padding-right:59.5%; 	}
  20. .row .suffix8 			{ padding-right:68%; 	} 
  21. .row .suffix9 			{ padding-right:76.5%; 	}
  22. .row .suffix10 			{ padding-right:85%; 	}
  23. .row .suffix11			{ padding-right:93.5%; 	}
  24.  
  25. .row .push1 			{ left:8.5%;  	}
  26. .row .push2 			{ left:17%; 	}
  27. .row .push3 			{ left:25.5%; 	}
  28. .row .push4 			{ left:34%; 	}
  29. .row .push5 			{ left:42.5%; 	}
  30. .row .push6 			{ left:51%; 	}
  31. .row .push7 			{ left:59.5%; 	}
  32. .row .push8 			{ left:68%; 	} 
  33. .row .push9 			{ left:76.5%; 	}
  34. .row .push10 			{ left:85%; 	}
  35. .row .push11 			{ left:93.5%; 	}
  36.  
  37. .row .pull1 			{ right:8.5%;  	}
  38. .row .pull2 			{ right:17%; 	}
  39. .row .pull3 			{ right:25.5%; 	}
  40. .row .pull4 			{ right:34%; 	}
  41. .row .pull5 			{ right:42.5%; 	}
  42. .row .pull6 			{ right:51%; 	}
  43. .row .pull7 			{ right:59.5%; 	}
  44. .row .pull8 			{ right:68%; 	} 	
  45. .row .pull9 			{ right:76.5%; 	}
  46. .row .pull10 			{ right:85%; 	}
  47. .row .pull11 			{ right:93.5%; 	}

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.