Skip to content

Instantly share code, notes, and snippets.

@ravasthi
Created October 27, 2011 18:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ravasthi/1320404 to your computer and use it in GitHub Desktop.
Save ravasthi/1320404 to your computer and use it in GitHub Desktop.
How we bootstrap responsive web designs
styles/
basics/
shared/
styles-compiled/
scripts/
lib/
selector
{
/* Display and positioning */
display: …;
visibility: …;
position: …;
top: …;
right: …;
bottom: …;
left: …;
z-index: …;
clear: …;
float: …;
/* Transforms and animations */
transform: …;
animation: …;
transition: …;
/* Box model/layout */
box-*: …;
margin: …;
outline: …;
border: …;
padding: …;
width: …;
min-width: …;
max-width: …;
height: …;
min-height: …;
max-height: …;
overflow: …;
clip: …;
resize: …;
table-layout: …;
/* Alignment */
vertical-align: …;
text-align: …;
/* Background/foreground color */
background: …;
color: …;
opacity: …;
/* Text properties */
font-family: …;
font-size: …;
line-height: …;
direction: …;
font-style: …;
font-variant
text-decoration: …;
text-indent: …;
text-transform: …;
letter-spacing: …;
word-spacing: …;
word-break: …;
word-wrap: …;
quotes: …;
page-break-*: …;
list-style: …;
white-space: …;
}
html
{
font-size: 62.5%
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment