23 lines
415 B
SCSS
23 lines
415 B
SCSS
|
.chart-container {
|
||
|
|
position: relative;
|
||
|
|
margin-inline: auto;
|
||
|
|
block-size: 50vh;
|
||
|
|
inline-size: 95vw;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
|
||
|
|
@media (orientation: landscape) {
|
||
|
|
block-size: 75vh;
|
||
|
|
inline-size: 95vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
@include mq("large") {
|
||
|
|
block-size: 50vh;
|
||
|
|
inline-size: 50vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
& + .chart-container {
|
||
|
|
margin-block-start: 1em;
|
||
|
|
}
|
||
|
|
}
|