- Migrated all 28 CSS components to SCSS architecture
- Deleted 29 source CSS files (kept only compiled app.css & bootstrap-custom.css)
- Created 30 SCSS component modules in scss/components/
- Cleaned 24 templates from duplicate CSS links
- Updated main.scss with new imports (layout-spacing, spacing-utils, rightbar-calendar)
- Filled empty _navbar.scss with content
- Refactored css/ folder: removed obsolete files, updated README.md
- Created comprehensive documentation (migration complete, quick reference, reports)
Migration Statistics:
- Components migrated: 28 (~4,768 lines SCSS)
- CSS files deleted: 29
- Templates cleaned: 24
- app.css size: 95 KB (compiled from SCSS)
- bootstrap-custom.css: 301 KB
- Total: 396 KB
Phase 6 Complete: 100% SCSS architecture achieved ✅
25 lines
817 B
JSON
25 lines
817 B
JSON
{
|
|
"name": "static",
|
|
"version": "1.0.0",
|
|
"description": "",
|
|
"main": "index.js",
|
|
"scripts": {
|
|
"build:bootstrap": "sass scss/custom-bootstrap.scss css/bootstrap-custom.css --style compressed",
|
|
"build:app": "sass scss/main.scss css/app.css --style compressed",
|
|
"build:css": "npm run build:bootstrap && npm run build:app",
|
|
"watch:bootstrap": "sass scss/custom-bootstrap.scss css/bootstrap-custom.css --watch --style compressed",
|
|
"watch:app": "sass scss/main.scss css/app.css --watch --style compressed",
|
|
"watch:css": "npm run watch:bootstrap & npm run watch:app",
|
|
"dev": "npm run watch:css",
|
|
"build": "npm run build:css"
|
|
},
|
|
"keywords": [],
|
|
"author": "",
|
|
"license": "ISC",
|
|
"type": "commonjs",
|
|
"devDependencies": {
|
|
"bootstrap": "^5.3.3",
|
|
"sass": "^1.93.3"
|
|
}
|
|
}
|