/* Animations */ @-webkit-keyframes fadeIn { from { opacity: 0.3; } } @-moz-keyframes fadeIn { from { opacity: 0.3; } } @-ms-keyframes fadeIn { from { opacity: 0.3; } } @-o-keyframes fadeIn { from { opacity: 0.3; } } @keyframes fadeIn { from { opacity: 0.3; } } @mixin animate($anim) { -webkit-animation: $anim; -moz-animation: $anim; -ms-animation: $anim; -o-animation: $anim; animation: $anim; } .flicker { @include animate(fadeIn 0.5s infinite alternate); } @mixin rounded($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius: $radius; -o-border-radius: $radius; border-radius: $radius; } @mixin drop-shadow($opacity) { filter: drop-shadow( -1px 1px 1px rgba(0, 0, 0, $opacity)); -webkit-filter: drop-shadow( -1px 1px 1px rgba(0, 0, 0, $opacity)); } /* Common objects */ body, textarea, input, button { font-size: 14px; font-family: 'Ubuntu', sans-serif; } textarea { resize: none; } button { cursor: pointer; font-weight: bold; }