Skip to content

Instantly share code, notes, and snippets.

@dplesca
Created August 20, 2013 12:49
Show Gist options
  • Save dplesca/6280922 to your computer and use it in GitHub Desktop.
Save dplesca/6280922 to your computer and use it in GitHub Desktop.
#purecss.io fixed 810px grid for #facebook apps
.fb-row {
letter-spacing: -0.31em;
*letter-spacing: normal;
*word-spacing: -0.43em;
text-rendering: optimizespeed;
}
.opera-only :-o-prefocus,
.fb-row {
word-spacing: -0.43em;
}
.fb-col {
display: inline-block;
zoom: 1; *display: inline;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.fb-col-1,.fb-col-1-2,.fb-col-1-3,.fb-col-2-3,.fb-col-1-4,.fb-col-3-4,.fb-col-1-5,.fb-col-2-5,.fb-col-3-5,.fb-col-4-5,.fb-col-1-6,.fb-col-5-6 {
display: inline-block;
zoom: 1; *display: inline;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.fb-col-1 {
display:block;
}
.fb-col-1-2 {
width: 405px;
}
.fb-offset-1-2 {
margin-left: 405px;
}
.fb-col-1-3 {
width: 269.99973px;
}
.fb-offset-1-3 {
margin-left: 269.99973px;
}
.fb-col-2-3 {
width: 540.00027px;
}
.fb-offset-2-3 {
margin-left: 540.00027px;
}
.fb-col-1-4 {
width: 202.5px;
}
.fb-offset-1-4 {
margin-left: 202.5px;
}
.fb-col-3-4 {
width: 607.5px;
}
.fb-offset-3-4 {
margin-left: 607.5px;
}
.fb-col-1-5 {
width: 162px;
}
.fb-offset-1-5 {
margin-left: 162px;
}
.fb-col-2-5 {
width: 324px;
}
.fb-offset-2-5 {
margin-left: 324px;
}
.fb-col-3-5 {
width: 486px;
}
.fb-offset-3-5 {
margin-left: 486px;
}
.fb-col-4-5 {
width: 648px;
}
.fb-offset-4-5 {
margin-left: 648px;
}
.fb-col-1-6 {
width: 135.00027px;
}
.fb-offset-1-6 {
margin-left: 135.00027px;
}
.fb-col-5-6 {
width: 674.99973px;
}
.fb-offset-5-6 {
margin-left: 674.99973px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment