Setup tailwindcss and daisyui

This commit is contained in:
Akira Tempaku 2024-02-02 01:51:27 +09:00
parent cef077e986
commit 875be278dc
7 changed files with 1445 additions and 2 deletions

2
.gitignore vendored
View file

@ -1 +1,3 @@
.qlot
node_modules
static/tailwind.css

1
.node-version Normal file
View file

@ -0,0 +1 @@
20.9.0

1418
package-lock.json generated Normal file

File diff suppressed because it is too large Load diff

6
package.json Normal file
View file

@ -0,0 +1,6 @@
{
"devDependencies": {
"daisyui": "^4.6.1",
"tailwindcss": "^3.4.1"
}
}

View file

@ -13,7 +13,9 @@
(mk:deftag page ()
<ui:layout>
<h1>Hello HTMX from Common Lisp!</h1>
<section class="h-full flex justify-center items-center">
<h1 class="text-4xl text-amber-500" >Hello HTMX from Common Lisp!</h1>
</section>
</ui:layout>)
;;; Controller

View file

@ -11,6 +11,12 @@
<head>
<title>skyizwhite.dev</title>
<script src="/static/htmx.min.js" ></script>
<link href="/static/tailwind.css" rel="stylesheet">
<style>
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>
</head>
<body>,@(progn children)</body>
<body class="h-[100svh]" >,@(progn children)</body>
</html>)

8
tailwind.config.js Normal file
View file

@ -0,0 +1,8 @@
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./src/routes/**/*.lisp",
"./src/ui/**/*.lisp"
],
plugins: [require("daisyui")],
};