design article title and add author virtual page

This commit is contained in:
isUnknown 2024-03-09 16:34:09 +01:00
parent 6fe73efbcf
commit 2114fbbb8e
12 changed files with 129 additions and 25 deletions

View file

@ -1,3 +1,10 @@
main.article {
margin-top: 0;
}
.article-header {
--margin-left: 2;
padding-left: calc(var(--unit--horizontal) * var(--margin-left));
margin-bottom: calc(var(--unit--vertical) * 4);
width: calc(100% - (var(--margin-left) * var(--unit--horizontal)));
}

View file

@ -33,8 +33,20 @@ button,
line-height: calc(var(--unit--vertical));
}
.fs-s {
font-size: var(--font-size-s) !important;
}
.fs-m {
font-size: var(--font-size-m) !important;
}
.fs-l {
font-size: var(--font-size-l) !important;
}
.fs-xl {
font-size: var(--font-size-xl);
font-size: var(--font-size-xl) !important;
}
.fs-xxl {
font-size: var(--font-size-xxl) !important;
}
.title-center {
@ -44,6 +56,13 @@ button,
width: 100%;
}
.main-title {
line-height: 1;
text-align: left;
box-sizing: border-box;
margin-bottom: 1rem;
}
p,
li,
button,

View file

@ -10,9 +10,10 @@
--unit--vertical: 1.7rem;
--font-size-s: 0.8rem;
--font-size-m: 1.2rem;
--font-size-l: 1.5rem;
--font-size-xl: 3.7rem;
--font-size-m: calc(var(--font-size-s) * 1.5);
--font-size-l: calc(var(--font-size-m) * 1.5);
--font-size-xl: calc(var(--font-size-l) * 1.5);
--font-size-xxl: calc(var(--font-size-xl) * 1.5);
--font-weight-light: 200;
--font-weight-bold: 400;