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
|
|
|
}
|
