Expand website with better proceduralism explanation and documentation

This commit is contained in:
Keavon Chambers
2024-01-17 00:00:42 -08:00
parent 208e907fa4
commit 63cf31d7d8
9 changed files with 113 additions and 102 deletions

View File

@@ -25,7 +25,7 @@
--font-size-heading-h2: 42px;
--font-size-subheading: 24px;
--font-size-body: 18px;
--font-size-article-h2: 30px;
--font-size-article-h2: 32px;
--font-size-article-h3: 24px;
--font-size-article-h4: 18px;
@@ -186,6 +186,7 @@ p ~ .image-comparison,
p + .link,
p + section,
p + table,
p + style + table,
p ~ .video-background,
p ~ .video-embed,
.video-embed + p,

View File

@@ -297,28 +297,6 @@
#vector-art {
.section {
align-items: center;
.demo-artwork {
display: flex;
align-items: center;
margin-top: 20px;
img {
width: 128px;
height: 128px;
border: 12px solid var(--color-walnut);
vertical-align: top;
flex: 0 0 auto;
}
p {
display: flex;
flex-direction: column;
max-width: 300px;
margin-left: 40px;
text-align: left;
}
}
}
}
// ▙ VECTOR ART ▟
@@ -408,3 +386,25 @@
}
}
// ▙ GET INVOLVED ▟
.demo-artwork {
display: flex;
align-items: center;
margin-top: 20px;
img {
width: 128px;
height: 128px;
border: 12px solid var(--color-walnut);
vertical-align: top;
flex: 0 0 auto;
}
p {
display: flex;
flex-direction: column;
max-width: 300px;
margin-left: 40px;
text-align: left;
}
}