mirror of
https://github.com/mwisnowski/mtg_python_deckbuilder.git
synced 2025-12-16 23:50:12 +01:00
overhaul: migrated to tailwind css for css management, consolidated custom css, removed inline css, removed unneeded css, and otherwise improved page styling
This commit is contained in:
parent
f1e21873e7
commit
b994978f60
81 changed files with 15784 additions and 2936 deletions
52
docs/NODE_DEPENDENCIES.md
Normal file
52
docs/NODE_DEPENDENCIES.md
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
# Node.js Dependencies for Web UI Development
|
||||
|
||||
## Prerequisites
|
||||
- Node.js 18+ (LTS recommended)
|
||||
- npm 9+ (comes with Node.js)
|
||||
|
||||
## Installation
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
|
||||
## Dependencies
|
||||
|
||||
### Tailwind CSS v3
|
||||
- **tailwindcss**: Utility-first CSS framework
|
||||
- **postcss**: CSS transformation tool
|
||||
- **autoprefixer**: Adds vendor prefixes automatically
|
||||
|
||||
### TypeScript
|
||||
- **typescript**: TypeScript compiler for type-safe JavaScript
|
||||
|
||||
## Build Commands
|
||||
|
||||
### CSS Build
|
||||
```bash
|
||||
npm run build:css # One-time build
|
||||
npm run watch:css # Watch mode for development
|
||||
```
|
||||
|
||||
### TypeScript Build
|
||||
```bash
|
||||
npm run build:ts # One-time build
|
||||
npm run watch:ts # Watch mode for development
|
||||
```
|
||||
|
||||
### Combined Build
|
||||
```bash
|
||||
npm run build # Build CSS and TypeScript
|
||||
npm run watch # Watch both CSS and TypeScript
|
||||
```
|
||||
|
||||
## Project Structure
|
||||
- `code/web/static/tailwind.css` - Tailwind entry point (source)
|
||||
- `code/web/static/styles.css` - Generated CSS (git-ignored)
|
||||
- `code/web/static/ts/` - TypeScript source files
|
||||
- `code/web/static/js/` - Compiled JavaScript (git-ignored)
|
||||
|
||||
## Configuration Files
|
||||
- `tailwind.config.js` - Tailwind CSS configuration
|
||||
- `postcss.config.js` - PostCSS configuration
|
||||
- `tsconfig.json` - TypeScript compiler configuration
|
||||
- `package.json` - npm scripts and dependencies
|
||||
Loading…
Add table
Add a link
Reference in a new issue