annedougherty

// Explicitly make Chrome display checkboxes

input[type=checkbox] {
  -webkit-appearance:checkbox;
}

annedougherty

// Shortcut styling :hover, :active, :focus states
// Can be used for more than links
// Based on  https://gist.github.com/jayontraps/dee1da27b94f37c0768d#file-sass-mixin-hover-active-focus

@mixin link-hfv () {
  &:hover,
  &:focus,
  &:active { @content }
}

annedougherty

// Vertical alignement

@mixin vertical-align($position: relative) {
  position: $position;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

annedougherty

// Style form field placeholder content

@mixin placeholder {
  &::-webkit-input-placeholder {@content}
  &:-moz-placeholder           {@content}
  &::-moz-placeholder          {@content}
  &:-ms-input-placeholder      {@content}
}