소스 검색

[改进] markdown 样式改进

Kunduin 7 년 전
부모
커밋
e1b7e41d34
3개의 변경된 파일24개의 추가작업 그리고 8개의 파일을 삭제
  1. 0 0
      mock/util/makeLongMarkdown.js
  2. 0 6
      src/App.vue
  3. 24 2
      src/assets/scss/app.scss

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
mock/util/makeLongMarkdown.js


+ 0 - 6
src/App.vue

@@ -9,10 +9,4 @@
   background: $default-background;
   word-wrap: break-word;
 }
-
-.content .table {
-  table-layout: fixed;
-  overflow: auto;
-  width: 100%;
-}
 </style>

+ 24 - 2
src/assets/scss/app.scss

@@ -80,7 +80,29 @@
 }
 
 .table td, .table th{
-  border-width: 0 0 1px;
+  //border-width: 0 0 1px;
   padding: 1em 0.75em;
   border-bottom: 1px solid rgba(112, 96, 255, 0.22);
-}
+}
+
+.content pre{
+  background-color: hsl(258, 29%, 97%);
+}
+
+.content table {
+  td{
+    border-bottom: 1px solid hsla(255, 40%, 96%, 1);
+  }
+  th{
+    border-bottom: 1px solid hsla(255, 40%, 96%, 1);
+  }
+
+  display: block;
+  overflow: auto;
+  width: 100%;
+  @extend .table, .is-striped, .is-narrow, .is-fullwidth;
+}
+
+.table.is-striped tbody tr:not(.is-selected):nth-child(even), .content table tbody tr:not(.is-selected):nth-child(even) {
+  background-color: hsla(252, 33%, 98%, 1);
+}

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.