fix(theme): use multiples to set line-height values.

Theo-Messi · Jan 20, 2025 · 159975b · 159975b
1 parent eb1d2d7
commit 159975b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 20 deletions.
diff --git a/src/components/DocAsideLogo.vue b/src/components/DocAsideLogo.vue
@@ -185,14 +185,14 @@ h1 {
   color: var(--AsideLogo-hide);
   font-weight: 600;
   font-size: 0.75em;
-  line-height: 0.625em;
+  line-height: 1;
 }
 
 .link .info {
   color: var(--AsideLogo-info);
   font-weight: 600;
   font-size: 0.75em;
-  line-height: 1em;
+  line-height: 1.2;
 }
 
 .link .name {

diff --git a/src/components/DocBoxCube.vue b/src/components/DocBoxCube.vue
@@ -168,7 +168,6 @@ const props = defineProps<{ items: BoxCubeItem[] }>()
   transform: translateY(0.5em);
   max-width: 80%;
   overflow: hidden;
-  text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -177,16 +176,15 @@ const props = defineProps<{ items: BoxCubeItem[] }>()
   color: var(--Boxcube-name);
   font-weight: 500;
   font-size: 0.875em;
-  line-height: 1.25em;
+  line-height: 1.2;
   letter-spacing: 0.05em;
 }
 
 .desc {
-  display: inline-block;
   margin: 0;
   color: var(--Boxcube-desc);
   font-size: 0.75em;
-  line-height: 1em;
+  line-height: 1.5;
 }
 
 .tag {

diff --git a/src/components/HomeFooter.vue b/src/components/HomeFooter.vue
@@ -178,7 +178,7 @@ const Year = dayjs().year()
 .list-links {
   opacity: 0.9;
   font-size: 0.75em;
-  line-height: 2.3;
+  line-height: 2.4;
   letter-spacing: 0.025em;
 }
 

diff --git a/src/theme/home-links.css b/src/theme/home-links.css
@@ -62,16 +62,3 @@ a.custom-alt::before {
   height: 24px;
   content: '';
 }
-
-@media (max-width: 420px) {
-  a.custom-alt,
-  a.custom-brand {
-    display: block;
-    margin-right: 8px;
-    margin-left: 8px;
-    padding-bottom: 10px;
-    max-width: 320px;
-    line-height: 1.5em;
-    white-space: normal;
-  }
-}