mlabod

/**
 * Blue CSS3 Button
 * dribbble: http://dribbble.com/shots/397908-Blue-CSS3-Button
 */
 
* {text-decoration:none}
 
html {
  box-sizing: border-box;
  height:100%;

mlabod

# zip -r -s [filesize] [destination] [origin]

zip -r -s 100 archive.zip Folder

mlabod

# open terminal

$ curl https://raw.github.com/git/git/master/contrib/completion/git-completion.bash -o ~/.git-completion.bash
$ open ~/.bash_profile

# add

if [ -f ~/.git-completion.bash ]; then
  . ~/.git-completion.bash
fi

mlabod

/**
 * Pure CSS Loading Indicator
 */
 
@keyframes spin {
	to {
		transform:rotate(360deg);
	}
}
 

mlabod

vendor(prop, args)
  for prefix in vendors
  if prefix == official
    {prop}: args
  else if transform in args
    -{prefix}-{prop}: '-%s-%s' % (prefix args)
  else
    -{prefix}-{prop}:args

mlabod

chmod 755 $(find /path/to/base/dir -type d)
chmod 644 $(find /path/to/base/dir -type f)

mlabod

<!-- usage -->

<div class="cols">
  <div class="col col-50"></div>
  <div class="col col-50"></div>
</div>

<div class="cols">
  <div class="col col-33"></div>
  <div class="col col-33"></div>

mlabod

placeholder(color = red)
  &:-moz-placeholder
    color: color
    opacity: 1
  &:-ms-input-placeholder
    color: color
  &::-webkit-input-placeholder
    color: color
    
 input 

mlabod

span {
  line-height: 1.4;
  background-image: linear-gradient(top, transparent 0em, transparent 0.63em, gray 0.63em, gray 0.7em, transparent 0.7em, transparent 1.4em);
  background-size: 1.4em 1.4em;
  background-repeat: repeat;
}

mlabod

'atom-text-editor':
  'ctrl-s':'editor:toggle-soft-wrap'