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.
- package/CLAUDE.md +176 -0
- package/LICENSE +22 -0
- package/PLY.md +646 -0
- package/README.md +170 -0
- package/dist/css/ply-core.css +6175 -0
- package/dist/css/ply-core.min.css +1 -0
- package/dist/css/ply-essentials.min.css +1 -0
- package/dist/css/ply-helpers.min.css +1 -0
- package/dist/css/ply.css +7429 -0
- package/dist/css/ply.min.css +1 -0
- package/dist/css/styles.css +7432 -0
- package/dist/css/styles.min.css +1 -0
- package/llms-full.txt +834 -0
- package/llms.txt +34 -0
- package/package.json +70 -0
- package/ply-classes.json +2625 -0
- package/snippets/accessible-drag-and-drop.html +122 -0
- package/snippets/card.html +58 -0
- package/snippets/contact-form.html +49 -0
- package/snippets/custom-theme.html +280 -0
- package/snippets/dashboard.html +77 -0
- package/snippets/data-table.html +64 -0
- package/snippets/login-page.html +45 -0
- package/snippets/navbar-page.html +39 -0
- package/snippets/notifications.html +63 -0
- package/snippets/pricing-cards.html +95 -0
- package/snippets/responsive-header.html +98 -0
- package/snippets/starter-page.html +782 -0
- package/snippets/two-column-layout.html +40 -0
- package/src/scss/_ply-core-components.scss +32 -0
- package/src/scss/_ply.scss +47 -0
- package/src/scss/components/_accordion.scss +73 -0
- package/src/scss/components/_alignments.scss +64 -0
- package/src/scss/components/_autocomplete.scss +28 -0
- package/src/scss/components/_blocks-responsive.scss +30 -0
- package/src/scss/components/_blocks.scss +39 -0
- package/src/scss/components/_buttons.scss +452 -0
- package/src/scss/components/_colors.scss +447 -0
- package/src/scss/components/_container-queries.scss +35 -0
- package/src/scss/components/_cursors.scss +24 -0
- package/src/scss/components/_dialog-patterns.scss +176 -0
- package/src/scss/components/_dropdown.scss +68 -0
- package/src/scss/components/_filterbox.scss +57 -0
- package/src/scss/components/_flexible-embed.scss +19 -0
- package/src/scss/components/_forms.scss +450 -0
- package/src/scss/components/_grid.scss +210 -0
- package/src/scss/components/_helpers-core.scss +357 -0
- package/src/scss/components/_helpers.scss +466 -0
- package/src/scss/components/_labels.scss +105 -0
- package/src/scss/components/_livesearch.scss +233 -0
- package/src/scss/components/_loader.scss +24 -0
- package/src/scss/components/_media-queries.scss +9 -0
- package/src/scss/components/_mixins.scss +387 -0
- package/src/scss/components/_modal.scss +73 -0
- package/src/scss/components/_multi-step-form.scss +190 -0
- package/src/scss/components/_navigation-responsive.scss +63 -0
- package/src/scss/components/_navigation.scss +592 -0
- package/src/scss/components/_notifications.scss +185 -0
- package/src/scss/components/_prettyprint.scss +86 -0
- package/src/scss/components/_print.scss +74 -0
- package/src/scss/components/_progress.scss +32 -0
- package/src/scss/components/_reset.scss +365 -0
- package/src/scss/components/_rtl.scss +213 -0
- package/src/scss/components/_table-interactive.scss +110 -0
- package/src/scss/components/_tables.scss +52 -0
- package/src/scss/components/_themes.scss +6 -0
- package/src/scss/components/_tooltip.scss +35 -0
- package/src/scss/components/_typography.scss +565 -0
- package/src/scss/components/_upload.scss +19 -0
- package/src/scss/components/_variables.scss +129 -0
- package/src/scss/ply-core.scss +1 -0
- package/src/scss/ply-essentials.scss +15 -0
- package/src/scss/ply-helpers.scss +11 -0
- package/src/scss/ply-iso.scss +1 -0
- 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
|
+
}
|