Fix SCSS imports

ZephireNZ · Jun 25, 2024 · f8027ad · f8027ad
1 parent 9df735c
commit f8027ad
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 11 deletions.
diff --git a/src/about/zeph-about.ts b/src/about/zeph-about.ts
@@ -1,6 +1,6 @@
 import { css, html, LitElement } from "lit";
 import { customElement } from "lit/decorators.js";
-import commonStyles from "../styles/common.scss";
+import { commonStyles } from "../styles";
 import "@material/mwc-icon";
 import { mdiCodeBraces, mdiPoll, mdiRobot } from '@mdi/js';
 

diff --git a/src/about/zeph-skills-card.ts b/src/about/zeph-skills-card.ts
@@ -1,16 +1,14 @@
 import { css, html, LitElement } from "lit";
 import { customElement } from "lit/decorators.js";
-import commonStyles from "../styles/common.scss";
-
-import cardStyles from "../styles/mdc-card.scss";
+import { commonStyles, mdcCard } from "../styles";
 
 @customElement('zeph-skills-card')
 export class ZephSkillsCard extends LitElement {
 
 
     static override styles = [
         commonStyles,
-        cardStyles,
+        mdcCard,
         css`
             :host {
                 --mdc-card-margin: 16px 0px;

diff --git a/src/declaration.d.ts b/src/declaration.d.ts
diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -0,0 +1,4 @@
+import { unsafeCSS } from "lit";
+
+export const commonStyles = unsafeCSS(import("./common.scss?inline"))
+export const mdcCard = unsafeCSS(import("./mdc-card.scss?inline"))
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/src/zeph-404.ts b/src/zeph-404.ts
@@ -1,6 +1,6 @@
 import { html, LitElement } from "lit";
 import { customElement } from "lit/decorators.js";
-import commonStyles from "./styles/common.scss";
+import { commonStyles } from "./styles";
 
 @customElement('zeph-404')
 export class Zeph404 extends LitElement {

diff --git a/src/zeph-archive.ts b/src/zeph-archive.ts
@@ -1,6 +1,6 @@
 import { html, LitElement } from "lit";
 import { customElement } from "lit/decorators.js";
-import commonStyles from "./styles/common.scss";
+import { commonStyles } from "./styles";
 import { until } from 'lit-html/directives/until.js';
 import { openPage, PostMeta } from './util';
 

diff --git a/src/zeph-blog-post.ts b/src/zeph-blog-post.ts
@@ -4,7 +4,7 @@ import {until} from 'lit-html/directives/until.js';
 import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
 
 
-import commonStyles from "./styles/common.scss";
+import { commonStyles } from "./styles";
 import { convertMarkdown, awaitElement } from './util';
 import { RouterLocation } from '@vaadin/router';
 

diff --git a/src/zeph-root.ts b/src/zeph-root.ts
@@ -3,7 +3,7 @@ import "@material/mwc-drawer";
 import "@material/mwc-top-app-bar-fixed";
 import "@material/mwc-icon-button";
 import "@material/mwc-button";
-import commonStyles from "./styles/common.scss";
+import { commonStyles } from "./styles";
 import { mdiTwitter, mdiGithub, mdiLinkedin } from "@mdi/js";
 
 import {LitElement, html, css} from 'lit';