studio-variable/world-game
3
0
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

article style
All checks were successful
Deploy / Deploy to Production (push) Successful in 19s
Details

Browse source
This commit is contained in:
isUnknown 2026-03-21 13:38:42 +01:00
parent 1f8abcd305
commit 6f26c94308
3 changed files with 46 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/layout/Footer.svelte
View file

@ -110,6 +110,10 @@
margin-top: 5rem; margin-top: 5rem;
} }
:global(.article-wrapper .page-scrollable-footer) {
margin-left: -2.95vw;
}
/* --- Main row --- */ /* --- Main row --- */
.footer-main { .footer-main {
display: flex; display: flex;
@ -224,6 +228,14 @@
:global(.collection .page-scrollable-footer) { :global(.collection .page-scrollable-footer) {
margin-left: -6.2vw; margin-left: -6.2vw;
} }
:global(.about .page-scrollable-footer) {
margin-left: 0;
}
:global(.article-wrapper .page-scrollable-footer) {
margin-left: -2.95vw;
}
} }
/* --- Tablet (701px–912px) --- */ /* --- Tablet (701px–912px) --- */

6
src/views/About.svelte
View file

@ -401,6 +401,12 @@
/* ── Mobile (≤700px) ── */ /* ── Mobile (≤700px) ── */
@media (max-width: 700px) { @media (max-width: 700px) {
.page-container {
grid-area: auto;
width: 100vw;
}
.about-intro { .about-intro {
padding: 6rem 1.25rem 1rem; padding: 6rem 1.25rem 1rem;
} }

33
src/views/Article.svelte
View file

@ -343,10 +343,14 @@
} }
.article-body :global(blockquote) { .article-body :global(blockquote) {
border-left: 4px solid var(--color-primary); font-family: "Danzza", sans-serif;
padding: 1.25rem 1.25rem 1.25rem 2rem; font-size: 19px;
margin: 2rem 0; font-style: italic;
background: rgba(4, 254, 160, 0.05); margin-bottom: 10px;
background-color: rgba(4,254,160,.05);
border-left: 4px solid #04fea0;
margin: 30px 0;
padding: 20px 20px 20px 30px;
} }
.article-body :global(blockquote p) { .article-body :global(blockquote p) {
@ -544,15 +548,34 @@
/* --- Mobile --- */ /* --- Mobile --- */
@media (max-width: 700px) { @media (max-width: 700px) {
.article { .article {
padding: 3rem 1.25rem 4rem; padding:0 0 4rem;
}
.article-date {
font-family: "Danzza Light", sans-serif;
opacity: .7;
font-size: var(--font-size-paragraph-mobile);
text-wrap: nowrap;
} }
.article-title { .article-title {
font-size: var(--font-size-title-section-mobile); font-size: var(--font-size-title-section-mobile);
line-height: 1.4;
} }
.article-intro { .article-intro {
font-family: "Danzza Light", sans-serif;
font-size: var(--font-size-paragraph-mobile); font-size: var(--font-size-paragraph-mobile);
line-height: 1.5;
}
.article-body {
padding: 0;
}
.article-body :global(p),
.article-body :global(h3) {
font-family: "Danzza Light", sans-serif;
} }
.article-related-grid { .article-related-grid {