Center livestream
This commit is contained in:
parent
aa8b26b5ca
commit
97762fdd24
2 changed files with 6 additions and 2 deletions
|
@ -29,7 +29,7 @@ $discussion-header__height: 3rem;
|
||||||
margin-top: var(--spacing-m);
|
margin-top: var(--spacing-m);
|
||||||
margin-bottom: var(--spacing-s);
|
margin-bottom: var(--spacing-s);
|
||||||
|
|
||||||
@media (min-width: $breakpoint-small) {
|
@media (min-width: $breakpoint-medium) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: var(--livestream-comments-width);
|
width: var(--livestream-comments-width);
|
||||||
height: calc(100vh - var(--header-height));
|
height: calc(100vh - var(--header-height));
|
||||||
|
|
|
@ -172,11 +172,15 @@
|
||||||
width: calc(100vw - var(--spacing-xs) * 2);
|
width: calc(100vw - var(--spacing-xs) * 2);
|
||||||
margin: var(--spacing-xs);
|
margin: var(--spacing-xs);
|
||||||
|
|
||||||
@media (min-width: $breakpoint-small) {
|
@media (min-width: $breakpoint-medium) {
|
||||||
margin: var(--spacing-m);
|
margin: var(--spacing-m);
|
||||||
margin-right: calc(var(--livestream-comments-width) + var(--spacing-m));
|
margin-right: calc(var(--livestream-comments-width) + var(--spacing-m));
|
||||||
width: calc(100vw - var(--livestream-comments-width) - var(--spacing-m) * 2);
|
width: calc(100vw - var(--livestream-comments-width) - var(--spacing-m) * 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: $breakpoint-large) {
|
||||||
|
margin-right: calc(10vw + var(--livestream-comments-width) + var(--spacing-m));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.main--full-width {
|
.main--full-width {
|
||||||
|
|
Loading…
Add table
Reference in a new issue