cyp/app/css/elements/yt.less

35 lines
555 B
Text
Raw Normal View History

2020-03-09 21:26:39 +08:00
cyp-yt {
2019-04-15 03:02:21 +08:00
.component;
2019-03-31 05:05:33 +08:00
2019-04-15 03:02:21 +08:00
header {
border-bottom: 1px solid var(--fg);
2019-03-31 05:05:33 +08:00
2019-04-15 03:02:21 +08:00
button + button {
margin-left: 16px;
2019-03-31 05:05:33 +08:00
}
}
2019-04-15 03:02:21 +08:00
.clear {
margin-left: auto;
}
pre {
2019-04-15 21:13:38 +08:00
margin: 0.5em 0.5ch;
2019-04-15 03:02:21 +08:00
flex-grow: 1;
overflow: auto;
2019-04-15 21:13:38 +08:00
white-space: pre-wrap;
2019-03-31 05:05:33 +08:00
}
2019-04-15 03:02:21 +08:00
&.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;
}
2019-03-31 05:05:33 +08:00
}
2019-04-15 03:02:21 +08:00
@keyframes bar {
0% { background-position: 0 100%; }
100% { background-position: 100% 100%; }
2019-03-31 05:05:33 +08:00
}