anil.recoil.org / ocaml-tailwind
Tailwind classes in OCaml
fork atom

Fix corrupted responsive_design_04.html example

- Remove file writing and debug output from responsive_design_04.ml
- Change to output HTML to stdout for dune build system integration
- Add missing max-width spacing value to theme
- HTML now properly renders responsive design demo with:
* Responsive grid (1→2→3→4 columns)
* Responsive typography scaling
* Show/hide elements at breakpoints
* Responsive spacing examples

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

anil.recoil.org 6502457b c5afaf10

+4 -12
+3
examples/input.css
··· 40 40 --color-indigo-50: #eef2ff; 41 41 --color-indigo-600: #4f46e5; 42 42 43 + /* Additional responsive grid values */ 44 + --spacing-6xl: 80rem; 45 + 43 46 /* Spacing */ 44 47 --spacing-0: 0px; 45 48 --spacing-0_25: 0.0625rem;
+1 -12
examples/responsive_design_04.ml
··· 172 172 ] in 173 173 174 174 let html_string = El.to_string ~doctype:true html_doc in 175 - let oc = open_out "04_responsive_design.html" in 176 - output_string oc html_string; 177 - close_out oc; 178 - 179 - Printf.printf "\n✅ Generated: 04_responsive_design.html (%d bytes)\n" (String.length html_string); 180 - Printf.printf "\n🎯 What you learned:\n"; 181 - Printf.printf " • Mobile-first responsive design approach\n"; 182 - Printf.printf " • Breakpoint system: sm, md, lg, xl\n"; 183 - Printf.printf " • Responsive utilities with at_breakpoint function\n"; 184 - Printf.printf " • Show/hide elements at different screen sizes\n"; 185 - Printf.printf " • Responsive typography and spacing\n"; 186 - Printf.printf " • Grid columns that adapt to screen size\n" 175 + print_string html_string 187 176 188 177 let () = create_responsive_demo ()