Modernizr & the Sass parent reference

This technique is very simple, but often overlooked because the parent reference & is mostly used at the beginning of a selector, like:

Sass
1
2
3
4
5
6
7
a {
  color: #000;
 
  &:hover {
    color: #f00;
  }
}

Since & does nothing more than repeat the parent selector, it gives us an excellent way of easily implementing custom styling based on features detected by Modernizr. Just have Modernizr add […]