CSS Hacks for Edge-Cases

css-hacks-inputs.css

/* Eliminate glow on input fields when focused */
input:focus { outline: none; }

css-hacks-scrollbars.css

/* To add a visible scrollbar when you start scrolling add: */
-webkit-overflow-scrolling: touch;

/* 
Example:
@media only screen and (max-device-width: 768px) {
  .applicableDivHere {
    -webkit-overflow-scrolling: touch;
  }
}

More info:
http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/
http://stackoverflow.com/questions/8229104/css-no-scrollbars-in-ipad
*/

sass-functions.scss

// Pixels to EMs
@function em($px) {
  @if $px == 0 { @return 0 }
  @return $px / $basefs + 0em;
}

// Remove outline effects
@each $el in a, button, input {
  #{$el}:active, #{$el}:focus, #{$el}:hover, #{$el}:visited { outline: none; }
}

// Share properties for similar elements.
@for $i from 1 through 6 { //h1,h2,etc.
  h#{$i} { /* shared font properties */ }
}