From 8fed5ebbe1f5314ce79779dd0d7dca359b59f1c1 Mon Sep 17 00:00:00 2001 From: bebagodfried Date: Wed, 2 Sep 2026 20:24:17 +0000 Subject: [PATCH 1/6] v3.0.0-beta Architect CSS Framework v3.0.0 beta release - Modular SCSS architecture and consolidated arch.css - TypeScript DOM plugin (js/plugin.js) - CSS Grid (grid-cols-*, grid-fill-*, grid-fit-*) and flex utilities - Directional and radial gradients, 3-color linear gradients - Rem-based inset utilities and alpha opacity colors - Bundled Lucide icon font and reorganized FontAwesome/Google Fonts - Standalone attribution watermark (css/attribution.css) - Updated changelog and package metadata --- changelog | 95 +- css/@fontawesome/LICENSE.txt | 165 - css/@fontawesome/css/fontawesome.css | 8003 - css/@fontawesome/css/fontawesome.min.css | 9 - css/@fontawesome/css/fontawessome.min.css | 9 - css/@fontawesome/js/all.js | 6026 - css/@fontawesome/js/all.min.js | 6 - css/@fontawesome/license | 165 - css/@fontawesome/webfonts/fa-brands-400.ttf | Bin 207972 -> 0 bytes css/@fontawesome/webfonts/fa-brands-400.woff2 | Bin 117372 -> 0 bytes css/@fontawesome/webfonts/fa-regular-400.ttf | Bin 68004 -> 0 bytes .../webfonts/fa-regular-400.woff2 | Bin 25452 -> 0 bytes css/@fontawesome/webfonts/fa-solid-900.ttf | Bin 419720 -> 0 bytes css/@fontawesome/webfonts/fa-solid-900.woff2 | Bin 156496 -> 0 bytes .../webfonts/fa-v4compatibility.ttf | Bin 10832 -> 0 bytes .../webfonts/fa-v4compatibility.woff2 | Bin 4792 -> 0 bytes css/@googleapis/fonts.min.css | 1 - css/arch.css | 317734 ++++++++++++++- css/arch.dev.css | 243760 ----------- css/arch.min.css | 6 - css/{architect.css => attribution.css} | 5 +- index.js | 2 +- js/dom.js | 1106 - js/plugin.js | 874 + package.json | 2 +- .../fontawesome}/css/fontawessome.css | 7870 +- webfonts/fontawesome/css/fontawessome.min.css | 8104 + .../fontawesome/webfonts/fa-brands-400.ttf | Bin 0 -> 189684 bytes .../fontawesome/webfonts/fa-brands-400.woff2 | Bin 0 -> 109808 bytes .../fontawesome/webfonts/fa-regular-400.ttf | Bin 0 -> 63348 bytes .../fontawesome/webfonts/fa-regular-400.woff2 | Bin 0 -> 24488 bytes .../fontawesome/webfonts/fa-solid-900.ttf | Bin 0 -> 394668 bytes .../fontawesome/webfonts/fa-solid-900.woff2 | Bin 0 -> 150020 bytes .../webfonts/fa-v4compatibility.ttf | Bin 0 -> 10172 bytes .../webfonts/fa-v4compatibility.woff2 | Bin 0 -> 4568 bytes .../googleapis}/fonts.css | 2 +- webfonts/googleapis/fonts.min.css | 71 + webfonts/lucide/css/lucide.css | 72 + webfonts/lucide/css/lucide.min.css | 1 + webfonts/lucide/js/lucide.min.js | 12 + 40 files changed, 332179 insertions(+), 261921 deletions(-) delete mode 100644 css/@fontawesome/LICENSE.txt delete mode 100644 css/@fontawesome/css/fontawesome.css delete mode 100644 css/@fontawesome/css/fontawesome.min.css delete mode 100644 css/@fontawesome/css/fontawessome.min.css delete mode 100644 css/@fontawesome/js/all.js delete mode 100644 css/@fontawesome/js/all.min.js delete mode 100644 css/@fontawesome/license delete mode 100644 css/@fontawesome/webfonts/fa-brands-400.ttf delete mode 100644 css/@fontawesome/webfonts/fa-brands-400.woff2 delete mode 100644 css/@fontawesome/webfonts/fa-regular-400.ttf delete mode 100644 css/@fontawesome/webfonts/fa-regular-400.woff2 delete mode 100644 css/@fontawesome/webfonts/fa-solid-900.ttf delete mode 100644 css/@fontawesome/webfonts/fa-solid-900.woff2 delete mode 100644 css/@fontawesome/webfonts/fa-v4compatibility.ttf delete mode 100644 css/@fontawesome/webfonts/fa-v4compatibility.woff2 delete mode 100644 css/@googleapis/fonts.min.css delete mode 100644 css/arch.dev.css delete mode 100644 css/arch.min.css rename css/{architect.css => attribution.css} (59%) delete mode 100644 js/dom.js create mode 100644 js/plugin.js rename {css/@fontawesome => webfonts/fontawesome}/css/fontawessome.css (55%) create mode 100644 webfonts/fontawesome/css/fontawessome.min.css create mode 100755 webfonts/fontawesome/webfonts/fa-brands-400.ttf create mode 100755 webfonts/fontawesome/webfonts/fa-brands-400.woff2 create mode 100755 webfonts/fontawesome/webfonts/fa-regular-400.ttf create mode 100755 webfonts/fontawesome/webfonts/fa-regular-400.woff2 create mode 100755 webfonts/fontawesome/webfonts/fa-solid-900.ttf create mode 100755 webfonts/fontawesome/webfonts/fa-solid-900.woff2 create mode 100755 webfonts/fontawesome/webfonts/fa-v4compatibility.ttf create mode 100755 webfonts/fontawesome/webfonts/fa-v4compatibility.woff2 rename {css/@googleapis => webfonts/googleapis}/fonts.css (99%) create mode 100644 webfonts/googleapis/fonts.min.css create mode 100644 webfonts/lucide/css/lucide.css create mode 100644 webfonts/lucide/css/lucide.min.css create mode 100644 webfonts/lucide/js/lucide.min.js diff --git a/changelog b/changelog index 80e1e46..56726ca 100644 --- a/changelog +++ b/changelog @@ -1,7 +1,93 @@ -1.0.0 -**Full Changelog**: https://github.com/archcss-dev/archcss/commits/v1.0.0 +# 3.0.0 +**3.0.0-beta** +**Full Changelog**: https://github.com/archcss-dev/archcss/compare/v2.0.0...v3.0.0 -2.0 +[css] +- new modular SCSS architecture with separated layers (attribution, libs, config, utilities, base, elements, helpers) +- new atomic mixin generation system (generate-utils, generate-state-utils, responsive-class, theme-colors) +- new responsive pseudo-state variants for hover:, focus:, and active: +- new equal-width CSS Grid columns grid-cols-<1..12> using repeat(n, 1fr) +- new responsive auto-fill and auto-fit grid scales grid-fill-<100..300> and grid-fit-<100..300> (minmax in 20px steps) +- new grid placement and alignment utilities (col-start-*, col-end-*, row-start-*, row-end-*, justify-items-*, justify-self-*) +- new directional gradients .gradient-to--- for 8 directions +- new radial gradients .gradient-radial-- +- new rem-based positioning family inset-<0|x|y|t|r|b|l>- +- new alpha opacity utilities bg--alpha-<10..90> and text--alpha-<10..90> +- new flex utilities flex-grow-<0|1> and flex-shrink-<0|1> +- new form elements and classes (form-block, form-control, form-check, searchbox, checkbox) + +- add 3-color linear gradient support gradient--- +- add half-step values to spacing scale +- add base margin-auto utilities for all directions (m-auto, mx-auto, my-auto, mt-auto, mr-auto, mb-auto, ml-auto) +- add pixel-based font scale font-<7..96> aligned with standard typography increments +- add oblique font-style utility font-oblique +- add invisible CSS watermark attribution tracking (css/attribution.css) + +- now support Lucide icon utilities and webfonts locally bundled under webfonts/lucide/ +- now support styling input[type=button/reset/submit] identically to + +``` + +### 2. Responsive Grid + +```html +
+
Card 1
+
Card 2
+
Card 3
+
+``` + +### 3. DOM Plugin + +Use the included DOM plugin helpers in your scripts: + +```html + + + + + +``` + +```javascript +// Copy to clipboard helper +strcopy('npm install archcss', () => { + console.log('Copied to clipboard!'); +}); + +// Smooth scroll to an element with offset +scroll_to('#features', 60); +``` + +--- + +## Community & Support + +- Read the documentation: [https://archcss.com](https://archcss.com) +- Ask questions and share feedback in [GitHub Discussions](https://github.com/archcss-dev/archcss/discussions) +- Report bugs or request features via [GitHub Issues](https://github.com/archcss-dev/archcss/issues) +- If publishing packages that extend Architect CSS on npm, include the `archcss` keyword for discoverability. + +--- + +## Creator + +**Beba Godfried A.** +- GitHub: [@bebagodfried](https://github.com/bebagodfried) +- Website: [https://archcss.com](https://archcss.com) -Code released under the [MIT License](https://github.com/archcss-dev/archcss/blob/master/license). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/). +--- +## License +Code released under the [MIT License](https://github.com/archcss-dev/archcss/blob/main/license). Documentation released under [Creative Commons BY 3.0](https://creativecommons.org/licenses/by/3.0/). From 2ab0e03e35d7c68d8b5883d90a7d585af8128708 Mon Sep 17 00:00:00 2001 From: bebagodfried Date: Wed, 2 Sep 2026 20:39:56 +0000 Subject: [PATCH 3/6] build: add style and jsdelivr entrypoints in package.json --- package.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/package.json b/package.json index 51f1294..e1a0399 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,8 @@ "version": "3.0.0", "description": "The Architect CSS, is utility-first CSS framework that allows you to quickly create and design your websites and applications with flexible, easy-to-use classes without writing any custom CSS.", "main": "index.js", + "style": "css/arch.css", + "jsdelivr": "css/arch.css", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, From 3dc4cdc4f41b86be88d2b1907f3db360fed24667 Mon Sep 17 00:00:00 2001 From: bebagodfried Date: Wed, 2 Sep 2026 21:34:16 +0000 Subject: [PATCH 4/6] refactor: move css/arch.css to ui/style.css stylesheet entrypoint for jsDelivr and bundlers --- changelog | 1 + package.json | 4 ++-- readme.md | 4 +++- {css => ui}/attribution.css | 0 css/arch.css => ui/style.css | 0 5 files changed, 6 insertions(+), 3 deletions(-) rename {css => ui}/attribution.css (100%) rename css/arch.css => ui/style.css (100%) diff --git a/changelog b/changelog index 56726ca..fa5cce5 100644 --- a/changelog +++ b/changelog @@ -27,6 +27,7 @@ - now support styling input[type=button/reset/submit] identically to