Skip to content

Instantly share code, notes, and snippets.

@jpalala
Created May 21, 2014 08:06
Show Gist options
  • Select an option

  • Save jpalala/690f9b9b3a6f86dd1be5 to your computer and use it in GitHub Desktop.

Select an option

Save jpalala/690f9b9b3a6f86dd1be5 to your computer and use it in GitHub Desktop.
skeletoncss framework 1920 pixel gs for large screens
header { background:#000 }
header, .container { position: relative; width: 1920px; margin: 0 auto; padding: 0; }
header .column, header .columns { float: left; display: inline; margin-left: 20px; margin-right: 20px; }
.container .column, .container .columns { float: left; display: inline; margin-left: 20px; margin-right: 20px; }
.row { margin-bottom: 20px; }
/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
.container .one.column,
.container .one.columns { width: 80px; }
.container .two.columns { width: 200px; }
.container .three.columns { width: 320px; }
.container .four.columns { width: 440px; }
.container .five.columns { width: 560px; }
.container .six.columns { width: 680px; }
.container .seven.columns { width: 800px; }
.container .eight.columns { width: 920px; }
.container .nine.columns { width: 1040px; }
.container .ten.columns { width: 1160px; }
.container .eleven.columns { width: 1280px; }
.container .twelve.columns { width: 1400px; }
.container .thirteen.columns { width: 1520px; }
.container .fourteen.columns { width: 1640px; }
.container .fifteen.columns { width: 1760px; }
.container .sixteen.columns { width: 1860px; }
.container .one-third.column { width: 600px; }
.container .two-thirds.column { width: 1240px; }
/* Offsets */
.container .offset-by-one { padding-left: 120px; }
.container .offset-by-two { padding-left: 240px; }
.container .offset-by-three { padding-left: 360px; }
.container .offset-by-four { padding-left: 480px; }
.container .offset-by-five { padding-left: 600px; }
.container .offset-by-six { padding-left: 720px; }
.container .offset-by-seven { padding-left: 840px; }
.container .offset-by-eight { padding-left: 960px; }
.container .offset-by-nine { padding-left: 1080px; }
.container .offset-by-ten { padding-left: 1200px; }
.container .offset-by-eleven { padding-left: 1320px; }
.container .offset-by-twelve { padding-left: 1440px; }
.container .offset-by-thirteen { padding-left: 1560px; }
.container .offset-by-fourteen { padding-left: 1680px; }
.container .offset-by-fifteen { padding-left: 1800px; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment