mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-09 04:02:40 -05:00
36 lines
587 B
CSS
36 lines
587 B
CSS
.layout {
|
|
position: relative;
|
|
}
|
|
|
|
.embedContainer {
|
|
margin-block: var(--s-2);
|
|
}
|
|
|
|
@media (min-width: 1425px) {
|
|
.embedContainer {
|
|
position: fixed;
|
|
left: max(24px, calc((100vw - 800px) / 2 - 320px - 48px));
|
|
top: 120px;
|
|
width: 320px;
|
|
margin-block: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1700px) {
|
|
.embedContainer {
|
|
left: max(24px, calc((100vw - 800px) / 2 - 400px - 48px));
|
|
width: 400px;
|
|
}
|
|
}
|
|
|
|
/** we should use existing fieldset styles */
|
|
.matchFieldset {
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-box);
|
|
padding: var(--s-4);
|
|
}
|
|
|
|
.povField {
|
|
width: 100%;
|
|
}
|