keeweb-plugins/docs/plugins/haveibeenpwned/plugin.css

21 lines
574 B
CSS

.hibp-pwned:after{
content: "';--";
font: bold 1.2em "Courrier New";
text-align: center;
background-color: var(--text-color);
background-size:cover;
position: relative;
width:1.5em;
height:1.5em;
animation: hibp-spin 1s linear 0s infinite;
transform-origin: center center;
}
@keyframes hibp-spin {
0% { transform: rotate(0deg); }
25% { transform: rotate(10deg); color: var(--error-color); }
50% { transform: rotate(0deg); }
75% { transform: rotate(-10deg); color: var(--error-color); }
100% { transform: rotate(0deg); }
}