kopia lustrzana https://github.com/learn-awesome/learndb
tailwind cdn link removed, tailwind cli integrated
rodzic
c0d4580cd0
commit
b3d760fb62
25
index.html
25
index.html
|
@ -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';
|
||||
|
|
Plik diff jest za duży
Load Diff
|
@ -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"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
|
@ -0,0 +1,4 @@
|
|||
/* Write your global styles here, in PostCSS syntax */
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
|
@ -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"),
|
||||
});
|
||||
|
|
|
@ -0,0 +1,11 @@
|
|||
import preprocess from "svelte-preprocess";
|
||||
|
||||
const config = {
|
||||
preprocess: [
|
||||
preprocess({
|
||||
postcss: true,
|
||||
}),
|
||||
],
|
||||
};
|
||||
|
||||
export default config;
|
|
@ -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;
|
Ładowanie…
Reference in New Issue