Skip to content

Instantly share code, notes, and snippets.

@GabeStah

GabeStah/shorthand_properties.css Secret

Last active December 11, 2015 16:34
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 GabeStah/7d452e3b78b2d07bec8d to your computer and use it in GitHub Desktop.
Save GabeStah/7d452e3b78b2d07bec8d to your computer and use it in GitHub Desktop.
Download ZIP
Use Shorthand Properties
Raw
shorthand_properties.css
/* Use Shorthand Properties */
/* Bad, these properties can be combined into one shorthand line. */
.menu {
background: url(book.png);
background-color: #eee;
background-repeat: repeat;
margin-bottom: 1em;
margin-right: 2em;
margin-top: 1em;
padding-right: 2em;
padding-top: 4em;
}
/* Good, consolidated our properties as much as possible. */
.menu {
background: url(book.png) #eee repeat;
margin: 1em 2em 1em;
padding: 4em 2em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment