#logo img
  +transition(all .1s ease-in-out)
  &:hover
    opacity: .7

.index-article
  &:hover
    .post-date
      color: $light-gray

.post-title a,
.pagination-link,
.recent-posts a,
.recent-posts a
  &:hover
    text-shadow: 0 1px 0 rgba(255,255,255,0)

.post-title a
  &:hover
    color: $light-gray

.navigation a,
.recent-posts a,
.footer-tags a
  +transition(all .1s ease-in-out)
  &:hover
    color: $light-gray

.article-detail a,
.recent-posts a
  &:hover
    color: $light-gray

.pagination-link
  &:hover
    background-color: $brand-color
    box-shadow: 0px 1px 2px rgba(shade($brand-color, 75%), .20)
  &:hover a
    color: white
  &:active a
    opacity: .7
    box-shadow: 0px 0px 0px rgba(shade($brand-color, 45%), .30)

#logo img
  &:hover
    opacity: .6

.index-article
  &:hover
    .post-date
      color: $light-gray

.post-title a,
.pagination-link,
.recent-posts a,
.recent-posts a
  &:hover
    text-shadow: 0 1px 0 rgba(255,255,255,0)

.post-title a
  &:hover
    color: $light-gray

.navigation a,
.recent-posts a,
.footer-tags a
  +transition(all .1s ease-in-out)
  &:hover
    color: $light-gray

.article-detail a,
.recent-posts a
  &:hover
    color: $light-gray

.pagination-link
  &:hover
    background-color: $brand-color
    box-shadow: 0px 1px 2px rgba(shade($brand-color, 75%), .20)
  &:hover a
    color: white
  &:active a
    opacity: .7
    box-shadow: 0px 0px 0px rgba(shade($brand-color, 45%), .30)

Remove transition on logo hover
Remove transition on logo hover

Caused subtle, weird flickering
