Get rid of less

src/components/portfolio/project.css.ts

@@ -0,0 +1,10 @@
+import { globalStyle, style } from '@vanilla-extract/css'
+
+export const projectScopeClass = style({})
+
+globalStyle(`${projectScopeClass} img`, {
+  float: 'right',
+  width: '25%',
+})
+
+// We need to get rid off the global selectors LOL

src/components/portfolio/project.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
   import type { ProjectAttributes } from '../../routes/portfolio/index.json'
+  import { projectScopeClass } from './project.css'
 
   export let project: ProjectAttributes
 </script>
 
-<article class="project">
+<article class="project {projectScopeClass}">
   <h3>{project.name}</h3>
   <section class="description">
     {#if project.image}
@@ -18,10 +19,3 @@
   </section>
   <aside />
 </article>
-
-<style>
-  .project-image {
-    float: right;
-    width: 25%;
-  }
-</style>