aboutsummaryrefslogtreecommitdiff
path: root/design
diff options
context:
space:
mode:
authorAnhgelus Morhtuuzh <william@herges.fr>2025-09-30 00:02:29 +0200
committerAnhgelus Morhtuuzh <william@herges.fr>2025-09-30 00:02:38 +0200
commit85245c1382fa65c7309106ac3359e4835e107f0a (patch)
tree2a695ad2ed64252bb770213ee3cc5235e0adfab8 /design
parentb26022d03e06c3409b87b78c97c0e02e5f73782b (diff)
feat(design): create margin base to have a consistant block separation
and rename index into log
Diffstat (limited to 'design')
-rw-r--r--design/log.html (renamed from design/index.html)2
-rw-r--r--design/style.css14
2 files changed, 8 insertions, 8 deletions
diff --git a/design/index.html b/design/log.html
index 6185253..62678f7 100644
--- a/design/index.html
+++ b/design/log.html
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title></title>
+ <title>anhgelus - log entry</title>
<link href="reset.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
diff --git a/design/style.css b/design/style.css
index 0e97ab4..cc22c2a 100644
--- a/design/style.css
+++ b/design/style.css
@@ -10,6 +10,8 @@
--content-width: 700px;
--deco-width: 900px;
+ --base-margin: 1.5rem;
+
font-size: 20px;
}
@@ -44,17 +46,17 @@ h1 {
h2 {
font-size: 1.66rem;
- margin-top: 2.5rem;
+ margin-top: calc(var(--base-margin) + 1rem);
}
h3 {
font-size: 1.33rem;
- margin-top: 2rem;
+ margin-top: calc(var(--base-margin) + 0.5rem);
}
p {
- margin-bottom: 1.5rem;
+ margin-bottom: var(--base-margin);
}
a {
@@ -80,7 +82,7 @@ b {
ul, ol {
margin-top: -0.5rem;
- margin-bottom: 1rem;
+ margin-bottom: var(--base-margin - 0.5rem);
margin-left: 1rem;
list-style-position: outside;
@@ -156,10 +158,8 @@ code {
pre {
border: var(--color-light) 2px solid;
- margin-bottom: 1.5rem;
+ margin: 0 -1rem var(--base-margin) -1rem;
padding: 0.5rem 1rem;
- margin-left: -1rem;
- margin-right: -1rem;
& code {
padding: 0;