mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-13 06:36:26 +03:00
Paul Bakaus
1bdb3ea17a
- Add interactive before/after demos for all skills (UX Writing, Spatial Design, Motion Design, Typography, Interaction Design, Color & Contrast, Responsive Design) - Implement tabbed demo navigation for skills with multiple examples - Refactor app.js into modular JS files (skills.js, commands.js, data.js, skill-demos.js, command-demos.js, demo-toggles.js) - Add new CSS modules (skill-demos.css, workflow.css, problem-section.css, solution-section.css) - Redesign commands section with sidebar nav matching skills layout - Replace large download buttons with compact icon buttons - Fix gray-on-pink color clashing throughout UI - Remove frontend-design skill (Anthropic's work, not ours) - Format skill names properly (e.g., 'UX Writing' not 'ux-writing') - Remove redundant 'Combines Well With' from skills - Add 'The Problem' and 'The Solution' sections to homepage - Various CSS fixes for buttons, backgrounds, and spacing
30 lines
810 B
CSS
30 lines
810 B
CSS
/*
|
|
* impeccable.style — Modular CSS Architecture
|
|
*
|
|
* Uses Bun's CSS bundler for:
|
|
* - CSS nesting (no preprocessor needed)
|
|
* - OKLCH colors with automatic fallbacks
|
|
* - Automatic bundling via @import
|
|
*
|
|
* Structure:
|
|
* - tokens.css: Design system (colors, spacing, typography)
|
|
* - reset.css: Modern baseline
|
|
* - animations.css: Keyframes & utilities
|
|
* - layout.css: Grid & section primitives
|
|
* - hero/intro/buttons/cards/footer.css: Component styles
|
|
*/
|
|
|
|
@import "./tokens.css";
|
|
@import "./reset.css";
|
|
@import "./animations.css";
|
|
@import "./layout.css";
|
|
@import "./hero.css";
|
|
@import "./buttons.css";
|
|
@import "./cards.css";
|
|
@import "./gallery.css";
|
|
@import "./problem-section.css";
|
|
@import "./solution-section.css";
|
|
@import "./skill-demos.css";
|
|
@import "./workflow.css";
|
|
@import "./footer.css";
|