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>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<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>
|
<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() {
|
function darkmode() {
|
||||||
return;
|
return;
|
||||||
tailwind.config.theme.extend.colors.primary = '#787A91';
|
tailwind.config.theme.extend.colors.primary = '#787A91';
|
||||||
|
|
Plik diff jest za duży
Load Diff
|
@ -18,6 +18,11 @@
|
||||||
"marked": "^4.2.4",
|
"marked": "^4.2.4",
|
||||||
"svelte": "^3.55.0",
|
"svelte": "^3.55.0",
|
||||||
"svelte-bricks": "^0.1.7",
|
"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({
|
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