jcreek/SvelteKitSaasBoilerplate
1
0
Fork 0
mirror of https://github.com/jcreek/SvelteKitSaasBoilerplate.git synced 2026-07-13 02:53:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(*): use postcss to build styles

Browse Source
This commit is contained in:
OllyNicholass
2024-07-16 19:19:25 +01:00
parent b521314cc6
commit 06fc2c2cd2
8 changed files with 175 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.html
-1
View File
@@ -5,7 +5,6 @@
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
<link rel="stylesheet" href="%sveltekit.assets%/output.css" />
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
src/app.pcss
+1
View File
@@ -0,0 +1 @@
/* Write your global styles here, in PostCSS syntax */
src/app.postcss
+4
View File
@@ -0,0 +1,4 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;
src/routes/+layout.svelte
+2 -2
View File
@@ -1,5 +1,5 @@
<script lang="ts">
import 'tailwindcss/tailwind.css';
import '../app.postcss';
import { onDestroy, onMount } from 'svelte';
import { isBrowser } from '@supabase/ssr';
import { basket, type Basket, type Item } from '$lib/stores/basket.js';
@@ -265,7 +265,7 @@
<span>{localGeneral.toastMessage == '' ? 'Added to basket' : localGeneral.toastMessage}</span>
</div>
<style scoped>
<style scoped lang="postcss">
.user-circle {
width: 40px;
height: 40px;