Use sass, move drupal block styles into component

src/App.vue

@@ -15,17 +15,8 @@ export default {
 }
 </script>
 
-<style>
-@tailwind preflight;
-@tailwind components;
-
-.widget {
-  @apply bg-grey-lightest p-4;
-}
-
-.widget:not(:last-child) {
-  @apply mb-4;
-}
-
-@tailwind utilities;
+<style lang="sass">
+@tailwind preflight
+@tailwind components
+@tailwind utilities
 </style>

src/components/DrupalBlock.vue

@@ -1,5 +1,13 @@
 <template>
-    <div class="widget">
+    <div class="drupal-block">
         <slot></slot>
     </div>
 </template>
+
+<style lang="sass" scoped>
+.drupal-block
+  @apply bg-grey-lightest p-4
+
+  &:not(:last-child)
+    @apply mb-4
+</style>