cyp/app/css/elements/yt.less
2020-03-09 22:24:31 +01:00

34 lines
555 B
Text

cyp-yt {
.component;
header {
border-bottom: 1px solid var(--fg);
button + button {
margin-left: 16px;
}
}
.clear {
margin-left: auto;
}
pre {
margin: 0.5em 0.5ch;
flex-grow: 1;
overflow: auto;
white-space: pre-wrap;
}
&.pending header {
background-image: linear-gradient(var(--primary), var(--primary));
background-repeat: no-repeat;
background-size: 25% 4px;
animation: bar ease-in-out 3s alternate infinite;
}
}
@keyframes bar {
0% { background-position: 0 100%; }
100% { background-position: 100% 100%; }
}