リファクタリング

src/routes/(DefaultStyle)/[slug]/grid.svelte

@@ -41,7 +41,6 @@
             }
             .title{
                 text-decoration-line: underline;
-                text-decoration-color: var(--font-color);
             }
         }
     }
@@ -99,7 +98,6 @@
         & .description {
             margin:8px;
             font-size: .9em;
-            text-decoration: none;
         }
     }
 </style>

src/routes/(DefaultStyle)/post/[slug]/+page.svelte

@@ -290,45 +290,43 @@
 				grid-area: 2 / 1 / 3 / 5;
 			}
 			@media(width<480px){
-				display: inline-block;
 				grid-area: 1 / 3;
 			}
 		}
 
 		& .tag {
 			display: inline-block;
-			background-color: var(--theme-color);
-			color: var(--font-color);
-			border-radius: 3px;
-			padding: 0 4px 1px 4px;
+			padding: 1px 4px;
 			margin: 3px;
+			border-radius: 3px;
+			color: currentColor;
+			background-color: var(--theme-color);
 		}
 
 		& .divider {
-			display: inline-block;
 			width: 1px;
 			margin: 3px 0;
-			background-color: var(--font-color);
+			background-color: currentColor;
 			grid-area: 1 / 2;
 			@media(480px<width<1000px){
 				display: none;
 			}
 		}
+
 		& .date{
 			display: flex;
-			vertical-align: middle;
 			align-items: center;
 			grid-area: 1 / 4;
 			@media(width<480px){
-				display: inline-block;
 				grid-area: 2 / 1 / 3 / 5;
 			}
+
+			& svg{
+				height: 1rem;
+				fill: currentColor;
+			}
 		}
-		& .date svg{
-			height: 1rem;
-			fill: var(--font-color);
-			vertical-align: middle;
-		}
+
 		@media(width<480px) {
 			& .txt {display: none;}
 		}