Skip to content

Instantly share code, notes, and snippets.

@kylewest
Created March 30, 2016 15:08
Show Gist options
  • Save kylewest/a6f4fff203a6ec70364d4f30a2a5756c to your computer and use it in GitHub Desktop.
Save kylewest/a6f4fff203a6ec70364d4f30a2a5756c to your computer and use it in GitHub Desktop.
/*-------------------------------------------------------------------
Layout
===================================================================*/
#masterwrapper
/*Wraps the wrapper with 16px to each side*/ {
margin: 0;
width: 100%;
}
#wrapper
/*Wraps all content on page*/ {
margin: 0;
width: 100%;
}
#alpha {
float: left;
padding: 10px 0;
width: 24%;
}
#beta {
float: right;
padding: 10px 10px 10px 0;
width: 74%;
}
#gamma {
padding: 0 10px;
width: 100%;
}
/*-------------------------------------------------------------------
#beta Columns - Correct usage of columns will always sum to 9
===================================================================*/
#beta .c1 {
width: 164px;
}
#beta .c2 {
width: 222px;
}
#beta .c3 {
width: 280px;
}
#beta .c4 {
width: 338px;
}
#beta .c5 {
width: 396px;
}
#beta .c6 {
width: 454px;
}
#beta .c7 {
width: 512px;
}
#beta .c8 {
width: 570px;
}
#beta .mid {
width: 367px;
}
/*-------------------------------------------------------------------
#gamma Columns - Correct usage of columns will always sum to 10
===================================================================*/
#gamma .c1 {
width: 222px;
}
#gamma .c2 {
width: 280px;
}
#gamma .c3 {
width: 338px;
}
#gamma .c4 {
width: 396px;
}
#gamma .c5 {
width: 454px;
}
#gamma .c6 {
width: 510px;
}
#gamma .c7 {
width: 570px;
}
#gamma .c8 {
width: 628px;
}
#gamma .c9 {
width: 686px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment