|
|
9df9f78666
|
refactor: Complete SCSS architecture reorganization
SCSS Architecture 2.0 - Feature-based structure
### Major Changes:
- ✅ Reorganized 51 SCSS files into logical categories
- ✅ Created feature-based structure: core/, layout/, features/, utilities/
- ✅ Merged duplicate components: badges (2→1), modals (3→1), lists (2→1), spacing (2→1)
- ✅ Renamed files: ios-search→search, team-wheel→team-viz, recipientPicker→recipient-picker
- ✅ Cleaned custom-bootstrap.scss from all app components
- ✅ Moved chat components from custom-bootstrap to main.scss
### Results:
- Files: 51 → 38 (-13 files, -25%)
- bootstrap-custom.css: 301 KB → 229 KB (-72 KB, -24%)
- app.css: 95 KB → 137 KB (+42 KB, expected)
- Total CSS: 396 KB → 366 KB (-30 KB, -7.5%)
### New Structure:
scss/
├── abstracts/ # Variables, mixins (4 files)
├── core/ # UI Kit - reusable components (9 files)
│ ├── buttons, badges, cards, lists, modals, etc.
├── layout/ # App structure (6 files)
│ ├── grid, navbar, sidebar, rightbar, etc.
├── utilities/ # Utility classes (1 file)
│ └── spacing
└── features/ # Feature-specific styles (18 files in 6 folders)
├── feed/ (3 files)
├── requests/ (3 files)
├── documents/ (1 file)
├── employees/ (2 files)
├── notifications/ (1 file)
└── chat/ (10 files)
### Benefits:
- Clear categorization
- No duplicate imports (removed 8 duplicates)
- Logical feature grouping
- Easier maintenance
- Clean architecture
- Better naming conventions
### Documentation:
- scss/README.md - full architecture documentation
- scss/MIGRATION_MATRIX.md - file migration matrix
- docs/reports/SCSS_REORGANIZATION_COMPLETE.md - completion report
Bootstrap remains as base UI framework.
|
2026-01-15 14:11:14 +03:00 |
|
|
|
f44a9ac23d
|
feat: Complete CSS to SCSS migration (100%)
- 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 ✅
|
2026-01-15 13:48:11 +03:00 |
|
