Files
svelte-carousel/src/docs/Layouts/Main.svelte
2021-01-26 00:45:38 +03:00

39 lines
817 B
Svelte

<div class="docs__main-layout__main-container">
<div class="docs__main-layout__content-container">
<div class="docs__main-layout__content-inner-container">
<slot></slot>
</div>
</div>
</div>
<style>
.docs__main-layout__main-container {
background-color: #eaeaea;
}
.docs__main-layout__content-container {
display: flex;
justify-content: center;
}
@media screen and (min-width: 0px) {
.docs__main-layout__content-inner-container {
width: 95%;
}
}
@media screen and (min-width: 768px) {
.docs__main-layout__content-inner-container {
width: 70%;
}
}
@media screen and (min-width: 992px) {
.docs__main-layout__content-inner-container {
width: 60%;
}
}
@media screen and (min-width: 1200px) {
.docs__main-layout__content-inner-container {
width: 50%;
}
}
</style>