Feat/tailwind (#1179)

components/graphql/queryeditor.vue

@@ -1,19 +1,17 @@
 <template>
-  <div class="show-if-initialized" :class="{ initialized }">
+  <div class="opacity-0 show-if-initialized" :class="{ initialized }">
     <pre ref="editor"></pre>
   </div>
 </template>
 
-<style lang="scss">
+<style scoped lang="scss">
 .show-if-initialized {
-  opacity: 0;
-
   &.initialized {
-    opacity: 1;
+    @apply opacity-100;
   }
 
   & > * {
-    transition: none;
+    @apply transition-none;
   }
 }
 </style>