Phase 1-3 Complete: - ✅ Installed Rollup with all required plugins - ✅ Created rollup.config.js for UMD, ESM, CJS builds - ✅ Created src/index.js entry point - ✅ Created src/styles.css for CSS bundling - ✅ Added ES6 exports to debug-system.js - ✅ Excluded Node.js-only html-generator.js from bundle Build outputs: - dist/testdrive-jsui.js (217KB UMD) - dist/testdrive-jsui.min.js (107KB minified!) - dist/testdrive-jsui.esm.js (199KB ES Module) - dist/testdrive-jsui.cjs.js (199KB CommonJS) - dist/testdrive-jsui.css (minified, all styles inlined) All builds include source maps for debugging.
38 lines
913 B
CSS
38 lines
913 B
CSS
/**
|
|
* TestDrive-JSUI Styles
|
|
* Combined stylesheet for the markdown editor
|
|
*
|
|
* @version 1.0.0
|
|
* @license MIT
|
|
*/
|
|
|
|
/* Base editor styles */
|
|
@import '../static/css/editor.css';
|
|
|
|
/* Control panels */
|
|
@import '../static/css/controls.css';
|
|
|
|
/* Default theme (GitHub) */
|
|
@import '../static/css/themes/github.css';
|
|
|
|
/* CSS Variables and Base Styles */
|
|
:root {
|
|
--testdrive-primary-color: #0366d6;
|
|
--testdrive-border-color: #e1e4e8;
|
|
--testdrive-background: #ffffff;
|
|
--testdrive-text-color: #24292e;
|
|
--testdrive-hover-bg: #f6f8fa;
|
|
--testdrive-focus-shadow: rgba(3, 102, 214, 0.3);
|
|
}
|
|
|
|
.testdrive-container {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
|
line-height: 1.6;
|
|
color: var(--testdrive-text-color);
|
|
background: var(--testdrive-background);
|
|
}
|
|
|
|
/* Ensure smooth transitions */
|
|
* {
|
|
transition: background-color 0.2s ease, border-color 0.2s ease;
|
|
}
|