tailwind cdn link removed, tailwind cli integrated

pull/58/head
Priyanka 2023-01-01 18:33:25 +05:30
rodzic c0d4580cd0
commit b3d760fb62
8 zmienionych plików z 1966 dodań i 31 usunięć

Wyświetl plik

@ -4,30 +4,9 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="//cdn.tailwindcss.com/?plugins=forms,typography,aspect-ratio,line-clamp"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#1e3a8a', //blue-900
primary_light: '#FAFAFA', //neutral-50
neutral_light: '#e5e5e5', // neutral-200
neutral_dark: '#262626', // neutral-800
secondary: '#6B21A8', // purple-800
// primary_medium: '#60A5FA', //blue-400
gradOne: '#DBEAFE', //blue-100
gradTwo: '#F3E8FF', //purple-100
},
},
fontFamily: {
sans: ['Gentium Plus', 'sans'],
serif: ['Libre Franklin', 'serif']
}
}
}
function darkmode() {
return;
tailwind.config.theme.extend.colors.primary = '#787A91';

1901
package-lock.json wygenerowano

Plik diff jest za duży Load Diff

Wyświetl plik

@ -18,6 +18,11 @@
"marked": "^4.2.4",
"svelte": "^3.55.0",
"svelte-bricks": "^0.1.7",
"vite": "^4.0.3"
"vite": "^4.0.3",
"postcss": "^8.4.14",
"postcss-load-config": "^4.0.1",
"svelte-preprocess": "^4.10.7",
"autoprefixer": "^10.4.7",
"tailwindcss": "^3.1.5"
}
}

13
postcss.config.cjs 100644
Wyświetl plik

@ -0,0 +1,13 @@
const tailwindcss = require("tailwindcss");
const autoprefixer = require("autoprefixer");
const config = {
plugins: [
//Some plugins, like tailwindcss/nesting, need to run before Tailwind,
tailwindcss(),
//But others, like autoprefixer, need to run after,
autoprefixer,
],
};
module.exports = config;

4
src/app.postcss 100644
Wyświetl plik

@ -0,0 +1,4 @@
/* Write your global styles here, in PostCSS syntax */
@tailwind base;
@tailwind components;
@tailwind utilities;

Wyświetl plik

@ -1,5 +1,6 @@
import App from './App.svelte';
import "./app.postcss";
import App from "./App.svelte";
new App({
target: document.querySelector('#app'),
});
target: document.querySelector("#app"),
});

11
svelte.config.js 100644
Wyświetl plik

@ -0,0 +1,11 @@
import preprocess from "svelte-preprocess";
const config = {
preprocess: [
preprocess({
postcss: true,
}),
],
};
export default config;

Wyświetl plik

@ -0,0 +1,29 @@
const config = {
content: [
"./src/**/*.{html,js,svelte,ts}",
"./index.html"
],
theme: {
extend: {
colors: {
primary: '#1e3a8a', //blue-900
primary_light: '#FAFAFA', //neutral-50
neutral_light: '#e5e5e5', // neutral-200
neutral_dark: '#262626', // neutral-800
secondary: '#6B21A8', // purple-800
// primary_medium: '#60A5FA', //blue-400
gradOne: '#DBEAFE', //blue-100
gradTwo: '#F3E8FF', //purple-100
},
},
fontFamily: {
sans: ['Gentium Plus', 'sans'],
serif: ['Libre Franklin', 'serif']
}
},
plugins: [],
};
module.exports = config;