move styles from demos to vue components

2020-10-02 14:43:19 +02:00
parent f9bea265bd
commit f96dca37d6
8 changed files with 97 additions and 93 deletions
--- a/docs/src/demos/Examples/ReadOnly/index.vue
+++ b/docs/src/demos/Examples/ReadOnly/index.vue
@@ -1,7 +1,7 @@
 <template>
  <div class="editor">
    <div class="checkbox">
-      <input type="checkbox" id="editable" v-model="editable" />
+      <input type="checkbox" id="editable" v-model="editable">
      <label for="editable">editable</label>
    </div>
    <editor-content :editor="editor" />
@@ -49,4 +49,16 @@ export default {
 }
 </script>

-<style lang="scss" src="./style.scss">
+<style lang="scss">
+.checkbox {
+  margin-bottom: 1rem;
+
+  input[type="checkbox"] {
+    margin-right: 0.5rem;
+  }
+}
+
+[contenteditable=false] {
+  color: #999;
+}
+</style>
--- a/docs/src/demos/Examples/ReadOnly/style.scss
+++ b/docs/src/demos/Examples/ReadOnly/style.scss
@@ -1,11 +0,0 @@
-.checkbox {
-  margin-bottom: 1rem;
-
-  input[type="checkbox"] {
-    margin-right: 0.5rem;
-  }
-}
-
-[contenteditable=false] {
-  color: #999;
-}