public/svelte-carousel
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Code cleanup, move docs data to json, update docs structure

Browse Source
This commit is contained in:
Vadim
2021-01-27 20:17:28 +03:00
parent 7c9b2e77be
commit cb7071bf04
13 changed files with 136 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/docs/Layouts/Main.svelte
View File

@@ -23,57 +23,57 @@
</div>
<style>
.docs__main-layout__main-container {
background-color: #eaeaea;
}
.docs__main-layout__main-container {
background-color: #eaeaea;
}
.docs__main-layout__header-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 300px;
padding: 10px;
box-sizing: border-box;
background-color: #f0e68c;
}
.docs__main-layout__logo {
height: 80%;
}
.docs__main-layout__links-container {
display: flex;
justify-content: center;
padding: 10px;
}
.docs__main-layout__links-container > a {
text-decoration: none;
color: #009800;
}
.docs__main-layout__links-container > a:not(:last-child) {
margin-right: 10px;
}
.docs__main-layout__header-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 300px;
padding: 10px;
box-sizing: border-box;
background-color: #f0e68c;
}
.docs__main-layout__logo {
height: 80%;
}
.docs__main-layout__links-container {
display: flex;
justify-content: center;
padding: 10px;
}
.docs__main-layout__links-container > a {
text-decoration: none;
color: #009800;
}
.docs__main-layout__links-container > a:not(:last-child) {
margin-right: 10px;
}
.docs__main-layout__content-container {
margin: 0 auto;
}
@media screen and (min-width: 0px) {
.docs__main-layout__content-container {
width: 95%;
margin: 0 auto;
}
}
@media screen and (min-width: 768px) {
.docs__main-layout__content-container {
width: 70%;
@media screen and (min-width: 0px) {
.docs__main-layout__content-container {
width: 95%;
}
}
}
@media screen and (min-width: 992px) {
.docs__main-layout__content-container {
width: 60%;
@media screen and (min-width: 768px) {
.docs__main-layout__content-container {
width: 70%;
}
}
}
@media screen and (min-width: 1200px) {
.docs__main-layout__content-container {
width: 50%;
@media screen and (min-width: 992px) {
.docs__main-layout__content-container {
width: 60%;
}
}
@media screen and (min-width: 1200px) {
.docs__main-layout__content-container {
width: 50%;
}
}
}
</style>