Просмотр исходного кода

[改进] markdown 样式改进

Kunduin 7 лет назад
Родитель
Сommit
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);
+}

Некоторые файлы не были показаны из-за большого количества измененных файлов