feat: add Fluid Typography Generator extension for VSCode

- Implemented core functionality to generate fluid typography CSS variables based on user-defined breakpoints and font sizes.
- Created configuration options for output format (Tailwind or vanilla CSS) and rounding settings.
- Added input parsing for settings from text files or VSCode interface.
- Developed CSS generation logic with support for `clamp()` and optional rounding.
- Included tests for parsing settings, generating CSS, and inserting text at selection in the editor.
- Documented project details and usage in project.md.
- Added example CSS output in typography.css.
This commit is contained in:
Keith Solomon
2026-06-06 22:21:22 -05:00
commit fa3df3e3f4
17 changed files with 4310 additions and 0 deletions
+12
View File
@@ -0,0 +1,12 @@
{
"version": "0.2.0",
"configurations": [
{
"name": "Run Extension",
"type": "extensionHost",
"request": "launch",
"args": ["--extensionDevelopmentPath=${workspaceFolder}"],
"outFiles": []
}
]
}
+16
View File
@@ -0,0 +1,16 @@
{
"workbench.colorCustomizations": {
"tree.indentGuidesStroke": "#3d92ec",
"activityBar.background": "#1F321F",
"titleBar.activeBackground": "#2B472B",
"titleBar.activeForeground": "#F9FBF9",
"titleBar.inactiveBackground": "#1F321F",
"titleBar.inactiveForeground": "#F9FBF9",
"statusBar.background": "#1F321F",
"statusBar.foreground": "#F9FBF9",
"statusBar.debuggingBackground": "#1F321F",
"statusBar.debuggingForeground": "#F9FBF9",
"statusBar.noFolderBackground": "#1F321F",
"statusBar.noFolderForeground": "#F9FBF9"
}
}