category.php : don't show year if no article

assets/css/src/header.css

@@ -33,17 +33,22 @@
 }
 
 .page-cover {
+  position: relative;
   box-sizing: border-box;
   height: 100svh;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  padding-top: 25svh;
+  padding-top: calc(var(--unit--vertical-relative) * 5);
   padding-bottom: calc(5 * var(--unit--vertical));
 }
 
+.page-cover.open + * {
+  margin-top: calc(var(--unit--vertical-relative) * 19);
+}
+
 #home .page-cover {
-  padding-top: 30svh;
+  padding-top: calc(var(--unit--vertical-relative) * 6);
 }
 
 #category .page-cover {

assets/css/src/html.css

@@ -6,6 +6,10 @@ body {
   color: var(--color-primary);
 }
 
+main {
+  position: relative;
+}
+
 hr {
   height: calc(var(--unit--vertical) / 2);
   border: none;

assets/css/src/tabs.css

@@ -26,22 +26,18 @@ button.toggle.right.open::before {
 }
 
 #tabs {
-  position: relative;
-  margin-top: -25svh;
-  margin-bottom: 30svh;
-  transition: margin-top 0.5s ease-in-out;
+  position: absolute;
+  width: 100%;
   z-index: 1;
-}
-
-#tabs.open {
-  margin-bottom: calc(3 * var(--unit--vertical));
+  bottom: calc(var(--unit--vertical-relative) * 2);
 }
 
 .active-tab {
-  max-height: 65svh;
+  position: absolute;
+  max-height: calc(var(--unit--vertical-relative) * 17);
   overflow: auto;
-  margin-top: var(--unit--vertical);
   transition: max-height 0.5s ease-in-out;
+  padding: var(--unit--vertical) 0;
 }
 /* ================= SCROLLBAR ================= */
 /* Works on Firefox */
@@ -68,10 +64,6 @@ button.toggle.right.open::before {
   border: none;
 }
 
-.page-cover.open .active-tab {
-  height: calc(100svh - 7.5 * var(--unit--vertical));
-}
-
 .texts__year.short .year__edito {
   display: -webkit-box;
   -webkit-box-orient: vertical;

assets/css/src/variables.css

@@ -8,6 +8,9 @@
 
   --unit--horizontal: 5vw;
   --unit--vertical: 1.7rem;
+  --unit--vertical-relative: calc(
+    var(--unit--vertical) * var(--window-height-factor)
+  );
 
   --font-size-s: 0.8rem;
   --font-size-m: calc(var(--font-size-s) * 1.5);