固定ページ用コンポーネントのcssを調整

Author: kaizumaki

assets/css/main.scss

@@ -8,19 +8,3 @@ body {
     'Hiragino Sans', 'BIZ UDPGothic', Meiryo, sans-serif;
   line-height: 1.9;
 }
-
-h3 {
-  border-bottom: solid 3px $light;
-  position: relative;
-  color: $info;
-  font-weight: bold;
-}
-
-h3:after {
-  position: absolute;
-  content: ' ';
-  display: block;
-  border-bottom: solid 3px $primary;
-  bottom: -3px;
-  width: 30%;
-}

components/ContentsBlock.vue

@@ -25,9 +25,20 @@ export default Vue.extend({
   margin-bottom: 50px;
 }
 .content-title {
+  position: relative;
+  color: $info;
   margin: 16px 0;
   padding-bottom: 10px;
-  border-bottom: 1px solid $primary;
+  border-bottom: solid 3px $light;
+
+  &::after {
+    position: absolute;
+    content: ' ';
+    display: block;
+    border-bottom: solid 3px $primary;
+    bottom: -3px;
+    width: 30%;
+  }
 }
 .content-container {
   margin-left: 5em;

components/PageTitle.vue

@@ -1,5 +1,5 @@
 <template>
-  <h1 class="page-title fs-5">{{ title }}</h1>
+  <h1 class="page-title fs-3">{{ title }}</h1>
 </template>
 
 <script lang="ts">