Jhnvlglmlbrt / example_tailwindcss

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

so much css code because of tailwind so...

techonology stack:

go, tailwindcss, air

Installation

cd web && npm init -Y
npm install -D tailwindcss
npx tailwindcss init

change in tailwind.config.js

content: ["./views/**/*.{html,js}"],

cd web && mkdir styles touch inputs.css

add in input.css

@tailwind base;
@tailwind components;
@tailwind utilities;

then

go install github.com/cosmtrek/air@latest
go get -u github.com/cosmtrek/air
air init

use this in one terminal

npx tailwindcss -i ./styles/input.css -o ./styles/output.css --watch

and this in another

air

Also

dont forget to add that code in your html

<link rel="stylesheet" href="/static/output.css">

About


Languages

Language:CSS 83.3%Language:HTML 9.0%Language:Go 6.3%Language:JavaScript 1.0%Language:Makefile 0.4%