1.4.2: CSS Asset Management - consolidated CSS loading with main.css, added minification scripts

This commit is contained in:
VinnyNC 2025-09-28 23:01:27 -04:00
parent 36f0998073
commit 67114f315e
3 changed files with 11 additions and 9 deletions

View file

@ -130,10 +130,10 @@ Always come back and update UI_UPDATE.MD once complete with task and task item.
- [x] Define cache-busting strategy for static files - [x] Define cache-busting strategy for static files
#### 1.4.2: CSS Asset Management #### 1.4.2: CSS Asset Management
- [ ] Organize CSS files by component/functionality - [x] Organize CSS files by component/functionality
- [ ] Create import hierarchy and load order - [x] Create import hierarchy and load order
- [ ] Implement minification strategy - [x] Implement minification strategy
- [ ] Set up development vs production builds - [x] Set up development vs production builds
#### 1.4.3: JavaScript Asset Organization #### 1.4.3: JavaScript Asset Organization
- [ ] Structure JavaScript modules in logical directories - [ ] Structure JavaScript modules in logical directories

6
assets/css/main.css Normal file
View file

@ -0,0 +1,6 @@
/* Main CSS file - imports all modular stylesheets */
@import url('reset.css');
@import url('variables.css');
@import url('utilities.css');
@import url('components.css');
@import url('layout.css');

View file

@ -308,11 +308,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action'])) {
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dodgers Stream Theater</title> <title>Dodgers Stream Theater</title>
<link href="https://vjs.zencdn.net/8.6.1/video-js.css" rel="stylesheet"> <link href="https://vjs.zencdn.net/8.6.1/video-js.css" rel="stylesheet">
<link href="static/css/reset.css" rel="stylesheet"> <link rel="stylesheet" href="assets/css/main.css?v=1.4.2">
<link href="static/css/variables.css" rel="stylesheet">
<link href="static/css/layout.css" rel="stylesheet">
<link href="static/css/components.css" rel="stylesheet">
<link href="static/css/utilities.css" rel="stylesheet">
</head> </head>
<body> <body>
<main class="theater" role="main"> <main class="theater" role="main">