mlabod

**basic rules**

- Top level className in the stylus file == top level className in the component
- They live in the same folder
- camelCase everything
- Child elements start with top-level module name separated by a hyphen ,
  no matter how deeply they are nested
  - please only use hyphens for this
- modifiers can be named however, but should be used with chain selector `&.modifier`

mlabod

find . -name '*.tmpl' -exec sh -c 'mv "$0" "${0%.tmpl}.svg"' {} \;

mlabod

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

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

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

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

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

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

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

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