更新scss

pbeenig · May 7, 2020 · 5081f42 · 5081f42
1 parent da2f38a
commit 5081f42
Show file tree

Hide file tree

Showing 2 changed files with 132 additions and 0 deletions.
diff --git a/src/styles/byui.scss b/src/styles/byui.scss
@@ -2,6 +2,7 @@
 
 @import "./transition.scss";
 @import "./loading.scss";
+@import "./quill.scss";
 
 $base: ".byui";
 

diff --git a/src/styles/quill.scss b/src/styles/quill.scss
@@ -0,0 +1,131 @@
+/* 文本编辑器开始 */
+
+.quill-editor {
+  border: 1px solid #dcdfe6;
+
+  .ql-toolbar.ql-snow {
+    padding: 0;
+    text-align: left;
+    border: 0;
+    border-bottom: 1px solid #dcdfe6;
+
+    .ql-formats {
+      margin-right: 0;
+
+      * {
+        outline: none;
+      }
+
+      & .ql-picker {
+        height: auto;
+        outline: none;
+      }
+
+      .ql-color-picker,
+      .ql-align {
+        height: 28px;
+      }
+
+      .ql-header,
+      .ql-size {
+        width: 60px;
+      }
+
+      .ql-picker.ql-expanded .ql-picker-label {
+        border-color: transparent;
+      }
+    }
+  }
+
+  .ql-container {
+    height: calc(100% - 50px);
+    border: 0 !important;
+  }
+
+  .ql-snow .ql-tooltip[data-mode="link"]::before {
+    content: "请输入链接地址:";
+  }
+
+  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
+    padding-right: 0;
+    content: "保存";
+    border-right: 0;
+  }
+
+  .ql-snow .ql-tooltip[data-mode="video"]::before {
+    content: "请输入视频地址:";
+  }
+
+  .ql-snow .ql-picker.ql-size .ql-picker-label::before,
+  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
+    content: "14px";
+  }
+
+  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
+  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
+    content: "10px";
+  }
+
+  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
+  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
+    content: "18px";
+  }
+
+  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
+  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
+    content: "32px";
+  }
+
+  .ql-snow .ql-picker.ql-header .ql-picker-label::before,
+  .ql-snow .ql-picker.ql-header .ql-picker-item::before {
+    content: "文本";
+  }
+
+  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
+  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+    content: "标题1";
+  }
+
+  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
+  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+    content: "标题2";
+  }
+
+  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
+  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+    content: "标题3";
+  }
+
+  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
+  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+    content: "标题4";
+  }
+
+  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
+  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+    content: "标题5";
+  }
+
+  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
+  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+    content: "标题6";
+  }
+
+  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
+  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
+    content: "标准字体";
+  }
+
+  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
+  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
+    content: "衬线字体";
+  }
+
+  .ql-snow,
+  .ql-picker.ql-font,
+  .ql-picker-item[data-value="monospace"]::before {
+    content: "等宽字体";
+  }
+}
+
+/* 文本编辑器结束 */