f83e087541
## Major CSS/SCSS Improvements - ✅ Set up modular SCSS architecture with variables, mixins, and components - ✅ Created organized directory structure: src/scss/ with variables, mixins, pages/ - ✅ Removed ~300+ lines of inline CSS from admin.html - ✅ Added comprehensive design system with consistent spacing, colors, typography - ✅ Created reusable mixins for buttons, cards, tables, forms, and layouts - ✅ Implemented responsive breakpoint mixins for mobile/tablet/desktop - ✅ Added utility classes for common layouts and spacing ## Build System - ✅ Added sass and concurrently as dev dependencies - ✅ Created npm scripts: build-css, watch-css, dev-with-css - ✅ Automated SCSS compilation to compressed CSS - ✅ Set up development workflow with CSS watching ## Admin Panel Enhancements - ✅ Added complete tab navigation system (Location Reports + Profanity Filter) - ✅ Integrated profanity management UI with forms and tables - ✅ Consistent styling across all components using SCSS mixins - ✅ Improved responsive design for mobile devices ## Benefits - 🎯 Maintainable: All styles centralized in modular SCSS files - 📱 Responsive: Better mobile experience with consistent breakpoints - 🎨 Consistent: Design system ensures visual consistency - ⚡ Efficient: Compressed CSS output, no inline styles - 🔧 Developer-friendly: Easy to extend and modify styles The application now has professional-grade CSS architecture that's easy to maintain and extend.
38 lines
973 B
JSON
38 lines
973 B
JSON
{
|
|
"name": "great-lakes-ice-report",
|
|
"version": "1.0.0",
|
|
"description": "Great Lakes Ice Report - Community-driven winter road conditions tracker for Michigan",
|
|
"main": "server.js",
|
|
"scripts": {
|
|
"start": "node server.js",
|
|
"dev": "nodemon server.js",
|
|
"build-css": "sass src/scss/main.scss public/style.css --style=compressed",
|
|
"watch-css": "sass src/scss/main.scss public/style.css --watch",
|
|
"dev-with-css": "concurrently \"npm run watch-css\" \"npm run dev\"",
|
|
"build": "npm run build-css"
|
|
},
|
|
"dependencies": {
|
|
"cors": "^2.8.5",
|
|
"dotenv": "^17.0.1",
|
|
"express": "^4.18.2",
|
|
"node-cron": "^3.0.3",
|
|
"sqlite3": "^5.1.6"
|
|
},
|
|
"devDependencies": {
|
|
"concurrently": "^9.2.0",
|
|
"nodemon": "^3.0.1",
|
|
"sass": "^1.89.2"
|
|
},
|
|
"keywords": [
|
|
"ice",
|
|
"winter",
|
|
"road conditions",
|
|
"michigan",
|
|
"great lakes",
|
|
"weather",
|
|
"tracking",
|
|
"map"
|
|
],
|
|
"author": "Your Name",
|
|
"license": "MIT"
|
|
}
|