.footer { position: absolute; bottom: 0; width: 100%; font-size: 90%; color: alpha(var(--color-contrast-medium), 0.8); a { color: alpha(var(--color-contrast-medium), 0.8); &:hover { color: var(--color-primary); } } } .footer-inner { padding: 1em; text-align: center; } .footer-icon { margin: 0 0.25em 0.3em; } @if variable-exists("iconColor") { .footer-icon { fill: $iconColor; } } @if ($iconAnimation) { @keyframes heartbeat { 0%, 100% { transform: scale(1); } 10%, 30% { transform: scale(0.9); } 20%, 40%, 50%, 60%, 70%, 80% { transform: scale(1.1); } } .footer-icon { animation: heartbeat 1.33s ease-in-out infinite; } }