Add tutorials

This commit is contained in:
Andros Fenollosa
2024-03-14 11:02:04 +01:00
parent e11a032cc3
commit 889a5e2767
3 changed files with 448 additions and 280 deletions

View File

@ -90,6 +90,12 @@ a:hover,
grid-gap: 1rem;
}
@media (width < 600px) {
.nav-main__list > li:first-child {
margin-right: 6rem;
}
}
.nav-main__logo {
width: 80px;
margin-bottom: calc(var(--gap-m) * -1);
@ -101,12 +107,6 @@ a:hover,
bottom: 0;
}
@media (width < 600px) {
.nav-main__link--logo {
z-index: -1;
}
}
.center-block {
display: block;
margin-inline: auto;
@ -152,9 +152,11 @@ a:hover,
}
.button:hover {
--translate: 3px;
border-color: var(--color-brown);
box-shadow: 0 5px 0 var(--color-brown);
box-shadow: var(--translate) var(--translate) 0 var(--color-brown);
text-decoration: none;
transform: translate(calc(-1 * var(--translate)), calc(-1 * var(--translate)));
}
.header {
@ -178,7 +180,7 @@ a:hover,
.header .nav__list {
display: grid;
grid-template-columns: 1fr repeat(4, auto);
grid-template-columns: 1fr repeat(5, auto);
}
@media (width < 600px) {
@ -288,6 +290,11 @@ a:hover,
}
}
.nav-docs__list {
list-style: "➔ ";
list-style-position: inside;
}
/* Home */
.nav-home__list {
@ -333,7 +340,7 @@ a:hover,
/* Docs */
.docs {
display: grid;
grid-template-columns: 8rem auto;
grid-template-columns: 10rem auto;
gap: var(--gap-l);
}
@ -348,6 +355,12 @@ a:hover,
}
}
/* Tutorials */
.tutorials ul {
list-style: "📚 ";
list-position: inside;
}
/* Footer */
.footer {
text-align: center;