ply-css 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/CLAUDE.md +176 -0
  2. package/LICENSE +22 -0
  3. package/PLY.md +646 -0
  4. package/README.md +170 -0
  5. package/dist/css/ply-core.css +6175 -0
  6. package/dist/css/ply-core.min.css +1 -0
  7. package/dist/css/ply-essentials.min.css +1 -0
  8. package/dist/css/ply-helpers.min.css +1 -0
  9. package/dist/css/ply.css +7429 -0
  10. package/dist/css/ply.min.css +1 -0
  11. package/dist/css/styles.css +7432 -0
  12. package/dist/css/styles.min.css +1 -0
  13. package/llms-full.txt +834 -0
  14. package/llms.txt +34 -0
  15. package/package.json +70 -0
  16. package/ply-classes.json +2625 -0
  17. package/snippets/accessible-drag-and-drop.html +122 -0
  18. package/snippets/card.html +58 -0
  19. package/snippets/contact-form.html +49 -0
  20. package/snippets/custom-theme.html +280 -0
  21. package/snippets/dashboard.html +77 -0
  22. package/snippets/data-table.html +64 -0
  23. package/snippets/login-page.html +45 -0
  24. package/snippets/navbar-page.html +39 -0
  25. package/snippets/notifications.html +63 -0
  26. package/snippets/pricing-cards.html +95 -0
  27. package/snippets/responsive-header.html +98 -0
  28. package/snippets/starter-page.html +782 -0
  29. package/snippets/two-column-layout.html +40 -0
  30. package/src/scss/_ply-core-components.scss +32 -0
  31. package/src/scss/_ply.scss +47 -0
  32. package/src/scss/components/_accordion.scss +73 -0
  33. package/src/scss/components/_alignments.scss +64 -0
  34. package/src/scss/components/_autocomplete.scss +28 -0
  35. package/src/scss/components/_blocks-responsive.scss +30 -0
  36. package/src/scss/components/_blocks.scss +39 -0
  37. package/src/scss/components/_buttons.scss +452 -0
  38. package/src/scss/components/_colors.scss +447 -0
  39. package/src/scss/components/_container-queries.scss +35 -0
  40. package/src/scss/components/_cursors.scss +24 -0
  41. package/src/scss/components/_dialog-patterns.scss +176 -0
  42. package/src/scss/components/_dropdown.scss +68 -0
  43. package/src/scss/components/_filterbox.scss +57 -0
  44. package/src/scss/components/_flexible-embed.scss +19 -0
  45. package/src/scss/components/_forms.scss +450 -0
  46. package/src/scss/components/_grid.scss +210 -0
  47. package/src/scss/components/_helpers-core.scss +357 -0
  48. package/src/scss/components/_helpers.scss +466 -0
  49. package/src/scss/components/_labels.scss +105 -0
  50. package/src/scss/components/_livesearch.scss +233 -0
  51. package/src/scss/components/_loader.scss +24 -0
  52. package/src/scss/components/_media-queries.scss +9 -0
  53. package/src/scss/components/_mixins.scss +387 -0
  54. package/src/scss/components/_modal.scss +73 -0
  55. package/src/scss/components/_multi-step-form.scss +190 -0
  56. package/src/scss/components/_navigation-responsive.scss +63 -0
  57. package/src/scss/components/_navigation.scss +592 -0
  58. package/src/scss/components/_notifications.scss +185 -0
  59. package/src/scss/components/_prettyprint.scss +86 -0
  60. package/src/scss/components/_print.scss +74 -0
  61. package/src/scss/components/_progress.scss +32 -0
  62. package/src/scss/components/_reset.scss +365 -0
  63. package/src/scss/components/_rtl.scss +213 -0
  64. package/src/scss/components/_table-interactive.scss +110 -0
  65. package/src/scss/components/_tables.scss +52 -0
  66. package/src/scss/components/_themes.scss +6 -0
  67. package/src/scss/components/_tooltip.scss +35 -0
  68. package/src/scss/components/_typography.scss +565 -0
  69. package/src/scss/components/_upload.scss +19 -0
  70. package/src/scss/components/_variables.scss +129 -0
  71. package/src/scss/ply-core.scss +1 -0
  72. package/src/scss/ply-essentials.scss +15 -0
  73. package/src/scss/ply-helpers.scss +11 -0
  74. package/src/scss/ply-iso.scss +1 -0
  75. package/src/scss/styles.scss +9 -0
package/llms.txt ADDED
@@ -0,0 +1,34 @@
1
+ # plycss (ply)
2
+
3
+ > ply is a ratio-based, AI-ready CSS framework with dark mode, WCAG 2.1 AA accessibility, and a small footprint (~20KB gzipped). 421 utility classes, 60+ CSS custom properties, 13 auto-styled semantic elements. No JavaScript. No build step.
4
+
5
+ ply is standalone — do not use Tailwind, Bootstrap, or other CSS frameworks alongside it. Class names are single-dash and human-readable: `btn-primary`, `unit-50`, `padding-lg`, `text-secondary`. Install via npm (`plycss`) or CDN.
6
+
7
+ ## Documentation
8
+
9
+ - [Full AI Reference (PLY.md)](https://raw.githubusercontent.com/thatgibbyguy/ply/master/PLY.md): Complete class reference, usage rules, accessibility patterns, keyboard navigation, custom widget ARIA patterns, and code snippets
10
+ - [Machine-Readable Class Map (ply-classes.json)](https://raw.githubusercontent.com/thatgibbyguy/ply/master/ply-classes.json): All 421 classes, 60+ CSS custom properties, and 13 semantic elements with descriptions, categories, and examples
11
+ - [VPAT 2.5 Accessibility Conformance](https://raw.githubusercontent.com/thatgibbyguy/ply/master/docs/VPAT.md): Full WCAG 2.1 Level A and AA conformance report
12
+
13
+ ## Snippets
14
+
15
+ - [Starter Page](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/starter-page.html): Minimal ply page template
16
+ - [Two-Column Layout](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/two-column-layout.html): Sidebar + main content
17
+ - [Dashboard](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/dashboard.html): Dashboard with stats cards
18
+ - [Card](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/card.html): Card with border and button
19
+ - [Contact Form](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/contact-form.html): Styled form with validation
20
+ - [Login Page](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/login-page.html): Centered login form
21
+ - [Navbar Page](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/navbar-page.html): Navbar + page content
22
+ - [Responsive Header](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/responsive-header.html): CSS-only collapsible header with details/summary hamburger menu
23
+ - [Data Table](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/data-table.html): Styled data table
24
+ - [Pricing Cards](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/pricing-cards.html): Pricing tier cards
25
+ - [Custom Theme](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/custom-theme.html): Custom theme example with --ply-* overrides
26
+ - [Accessible Drag-and-Drop](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/accessible-drag-and-drop.html): Keyboard-accessible sortable list with ARIA live announcements
27
+ - [Notifications](https://raw.githubusercontent.com/thatgibbyguy/ply/master/snippets/notifications.html): Alert variants
28
+
29
+ ## Optional
30
+
31
+ - [README](https://raw.githubusercontent.com/thatgibbyguy/ply/master/README.md): Project overview, install instructions, quick start
32
+ - [SCSS Colors](https://raw.githubusercontent.com/thatgibbyguy/ply/master/src/scss/components/_colors.scss): Full Sass color palette
33
+ - [SCSS Variables](https://raw.githubusercontent.com/thatgibbyguy/ply/master/src/scss/components/_variables.scss): Spacing, font sizes, breakpoints
34
+ - [SCSS Mixins](https://raw.githubusercontent.com/thatgibbyguy/ply/master/src/scss/components/_mixins.scss): Button generator, gradients, animations
package/package.json ADDED
@@ -0,0 +1,70 @@
1
+ {
2
+ "name": "ply-css",
3
+ "version": "1.3.0",
4
+ "description": "ply — A ratio-based, AI-ready CSS framework with dark mode, accessibility, and a small footprint",
5
+ "main": "dist/css/ply.css",
6
+ "style": "dist/css/ply.min.css",
7
+ "files": [
8
+ "dist/",
9
+ "src/scss/",
10
+ "CLAUDE.md",
11
+ "PLY.md",
12
+ "ply-classes.json",
13
+ "snippets/",
14
+ "llms.txt",
15
+ "llms-full.txt"
16
+ ],
17
+ "keywords": [
18
+ "css",
19
+ "framework",
20
+ "flexbox",
21
+ "grid",
22
+ "accessible",
23
+ "dark-mode",
24
+ "ai-ready",
25
+ "ratio-based",
26
+ "responsive"
27
+ ],
28
+ "directories": {
29
+ "dist": "dist/"
30
+ },
31
+ "repository": {
32
+ "type": "git",
33
+ "url": "git+https://github.com/thatgibbyguy/ply.git"
34
+ },
35
+ "homepage": "https://github.com/thatgibbyguy/ply",
36
+ "devDependencies": {
37
+ "autoprefixer": "^10.4.21",
38
+ "cssnano": "^7.0.6",
39
+ "postcss": "^8.5.3",
40
+ "postcss-cli": "^11.0.1",
41
+ "sass": "^1.86.0",
42
+ "stylelint": "^17.4.0",
43
+ "stylelint-config-standard-scss": "^17.0.0"
44
+ },
45
+ "bugs": {
46
+ "url": "https://github.com/thatgibbyguy/ply/issues"
47
+ },
48
+ "scripts": {
49
+ "build:ply": "sass src/scss/ply-iso.scss dist/css/ply.css --no-source-map",
50
+ "build:ply-min": "sass src/scss/ply-iso.scss dist/css/ply.min.css --no-source-map --style=compressed",
51
+ "build:essentials": "sass src/scss/ply-essentials.scss dist/css/ply-essentials.min.css --no-source-map --style=compressed",
52
+ "build:helpers": "sass src/scss/ply-helpers.scss dist/css/ply-helpers.min.css --no-source-map --style=compressed",
53
+ "build:styles": "sass src/scss/styles.scss dist/css/styles.css --no-source-map",
54
+ "build:styles-min": "sass src/scss/styles.scss dist/css/styles.min.css --no-source-map --style=compressed",
55
+ "build:core": "sass src/scss/ply-core.scss dist/css/ply-core.css --no-source-map",
56
+ "build:core-min": "sass src/scss/ply-core.scss dist/css/ply-core.min.css --no-source-map --style=compressed",
57
+ "build:sass": "npm run build:ply && npm run build:ply-min && npm run build:essentials && npm run build:helpers && npm run build:core && npm run build:core-min && npm run build:styles && npm run build:styles-min",
58
+ "postbuild:sass": "postcss dist/css/*.css --replace --no-map",
59
+ "build": "npm run build:sass",
60
+ "watch": "sass --watch src/scss/styles.scss:dist/css/styles.css src/scss/styles.scss:dist/css/styles.min.css src/scss/ply-essentials.scss:dist/css/ply-essentials.min.css --no-source-map",
61
+ "lint": "stylelint \"src/scss/**/*.scss\"",
62
+ "validate": "node scripts/validate-classes.js snippets/*.html examples/*.html",
63
+ "prepublishOnly": "npm run build && npm run lint"
64
+ },
65
+ "author": "John Gibby",
66
+ "license": "MIT",
67
+ "engines": {
68
+ "node": ">=18"
69
+ }
70
+ }