testdrive-jsui/src/styles.css
tegwick a7856f4b20 build: implement bundling system with Rollup
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.
2025-12-16 22:42:37 +01:00

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;
}