@anyblades/blades 2.4.9 → 3.0.0-alpha.1

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 (58) hide show
  1. package/.github/ISSUE_TEMPLATE/bug_report.md +25 -0
  2. package/.github/ISSUE_TEMPLATE/config.yml +8 -0
  3. package/.prettierrc.json +6 -0
  4. package/README.md +112 -149
  5. package/context7.json +4 -0
  6. package/css/blades.css +436 -153
  7. package/css/blades.min.css +145 -0
  8. package/css/blades.standalone.css +197 -222
  9. package/css/blades.standalone.min.css +37 -0
  10. package/css/{blades.ninja.css → ninja.css} +7 -2
  11. package/css/ninja.min.css +5 -0
  12. package/css/pico.conditional.css +3189 -0
  13. package/css/pico.conditional.min.css +107 -0
  14. package/css/pico.css +3186 -0
  15. package/css/pico.min.css +105 -0
  16. package/css/postcss.config.js +23 -0
  17. package/index.html +63 -0
  18. package/package.json +27 -11
  19. package/src/blades.css +4 -3
  20. package/src/blades.standalone.css +2 -2
  21. package/src/{blades.ninja.css → ninja.css} +7 -2
  22. package/src/pico/_components.css +974 -0
  23. package/src/pico/_content.css +608 -0
  24. package/src/pico/_forms.css +747 -0
  25. package/src/pico/_index.css +12 -0
  26. package/src/pico/_layout.css +128 -0
  27. package/src/pico/_utilities.css +53 -0
  28. package/src/pico/_variables.css +671 -0
  29. package/src/pico.css +1 -0
  30. package/src/standalone/_core.css +32 -0
  31. package/src/{blades.standalone.theme.css → standalone/_theme.css} +2 -2
  32. package/src/{_utilities.css → standalone/_utilities.css} +1 -1
  33. package/src/standalone/_variables.css +20 -0
  34. package/src/{link-icon.css → standalone/components/_icon-helper.css} +0 -2
  35. package/src/{components → standalone/components}/_timeline.css +1 -1
  36. package/src/{content → standalone/content}/_code.css +6 -5
  37. package/src/{content/_typography.css → standalone/content/_list.css} +4 -42
  38. package/src/standalone/content/_typography.css +38 -0
  39. package/src/{float-label.core.css → standalone/forms/_float-label.core.css} +12 -4
  40. package/src/standalone/forms/_float-label.css +2 -0
  41. package/src/{breakout.css → standalone/layout/_breakout.css} +3 -6
  42. package/src/{_layout.css → standalone/layout/_columns.css} +2 -12
  43. package/src/standalone/layout/_scroller.css +10 -0
  44. package/_config.yml +0 -5
  45. package/blades.gemspec +0 -16
  46. package/css/blades.standalone.core.css +0 -712
  47. package/css/blades.standalone.theme.css +0 -143
  48. package/css/breakout.css +0 -125
  49. package/css/float-label.core.css +0 -56
  50. package/css/float-label.css +0 -96
  51. package/css/float-label.theme.css +0 -39
  52. package/css/link-icon.css +0 -59
  53. package/css/responsive-table.css +0 -57
  54. package/src/blades.standalone.core.css +0 -23
  55. package/src/float-label.css +0 -3
  56. /package/src/{responsive-table.css → standalone/content/_table-responsive.css} +0 -0
  57. /package/src/{content → standalone/content}/_table.css +0 -0
  58. /package/src/{float-label.theme.css → standalone/forms/_float-label.theme.css} +0 -0
@@ -0,0 +1,12 @@
1
+ /*!
2
+ * Blades CSS' Pico fork v2.5 🥷✨
3
+ * Copyright 2019-2025 (https://picocss.com)
4
+ * Copyright 2026 (https://blades.ninja/css/pico/)
5
+ * Licensed under MIT
6
+ */
7
+ @import "./_variables";
8
+ @import "./_layout";
9
+ @import "./_content";
10
+ @import "./_forms";
11
+ @import "./_components";
12
+ @import "./_utilities";
@@ -0,0 +1,128 @@
1
+ /**
2
+ * Document
3
+ * Content-box & Responsive typography
4
+ */
5
+ *,
6
+ *::before,
7
+ *::after {
8
+ box-sizing: border-box;
9
+ background-repeat: no-repeat;
10
+ }
11
+
12
+ ::before,
13
+ ::after {
14
+ text-decoration: inherit;
15
+ vertical-align: inherit;
16
+ }
17
+
18
+ :where(:scope),
19
+ :where(:host) {
20
+ -webkit-tap-highlight-color: transparent;
21
+ -webkit-text-size-adjust: 100%;
22
+ -moz-text-size-adjust: 100%;
23
+ text-size-adjust: 100%;
24
+ background-color: var(--pico-background-color);
25
+ color: var(--pico-color);
26
+ font-weight: var(--pico-font-weight);
27
+ font-size: var(--pico-font-size);
28
+ line-height: var(--pico-line-height);
29
+ font-family: var(--pico-font-family);
30
+ text-underline-offset: var(--pico-text-underline-offset);
31
+ text-rendering: optimizeLegibility;
32
+ overflow-wrap: break-word;
33
+ -moz-tab-size: 4;
34
+ -o-tab-size: 4;
35
+ tab-size: 4;
36
+ }
37
+
38
+ /**
39
+ * Landmarks
40
+ */
41
+ body {
42
+ width: 100%;
43
+ margin: 0;
44
+ }
45
+
46
+ main {
47
+ display: block;
48
+ }
49
+
50
+ body > header,
51
+ body > main,
52
+ body > footer {
53
+ padding-block: var(--pico-block-spacing-vertical);
54
+ }
55
+
56
+ /**
57
+ * Section
58
+ */
59
+ section {
60
+ margin-bottom: var(--pico-block-spacing-vertical);
61
+ }
62
+
63
+ /**
64
+ * Container
65
+ */
66
+ .container,
67
+ .container-fluid {
68
+ width: 100%;
69
+ margin-right: auto;
70
+ margin-left: auto;
71
+ padding-right: var(--pico-spacing);
72
+ padding-left: var(--pico-spacing);
73
+ }
74
+
75
+ @media (min-width: 576px) {
76
+ .container {
77
+ max-width: 510px;
78
+ padding-right: 0;
79
+ padding-left: 0;
80
+ }
81
+ }
82
+ @media (min-width: 768px) {
83
+ .container {
84
+ max-width: 700px;
85
+ }
86
+ }
87
+ @media (min-width: 1024px) {
88
+ .container {
89
+ max-width: 950px;
90
+ }
91
+ }
92
+ @media (min-width: 1280px) {
93
+ .container {
94
+ max-width: 1200px;
95
+ }
96
+ }
97
+ @media (min-width: 1536px) {
98
+ .container {
99
+ max-width: 1450px;
100
+ }
101
+ }
102
+
103
+ /**
104
+ * Grid
105
+ * Minimal grid system with auto-layout columns
106
+ */
107
+ .grid {
108
+ grid-column-gap: var(--pico-grid-column-gap);
109
+ grid-row-gap: var(--pico-grid-row-gap);
110
+ display: grid;
111
+ grid-template-columns: 1fr;
112
+ }
113
+ @media (min-width: 768px) {
114
+ .grid {
115
+ grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
116
+ }
117
+ }
118
+ .grid > *:not(.does-not-exist) {
119
+ min-width: 0;
120
+ margin-bottom: 0; /* https://github.com/picocss/pico/issues/738 */
121
+ }
122
+
123
+ /**
124
+ * Overflow auto
125
+ */
126
+ .overflow-auto {
127
+ overflow: auto;
128
+ }
@@ -0,0 +1,53 @@
1
+ /**
2
+ * Accessibility & User interaction
3
+ */
4
+ [aria-controls] {
5
+ cursor: pointer;
6
+ }
7
+
8
+ [aria-disabled="true"],
9
+ [disabled] {
10
+ cursor: not-allowed;
11
+ }
12
+
13
+ [aria-hidden="false"][hidden] {
14
+ display: initial;
15
+ }
16
+
17
+ [aria-hidden="false"][hidden]:not(:focus) {
18
+ clip: rect(0, 0, 0, 0);
19
+ position: absolute;
20
+ }
21
+
22
+ a,
23
+ area,
24
+ button,
25
+ input,
26
+ label,
27
+ select,
28
+ summary,
29
+ textarea,
30
+ [tabindex] {
31
+ -ms-touch-action: manipulation;
32
+ }
33
+
34
+ [dir="rtl"] {
35
+ direction: rtl;
36
+ }
37
+
38
+ /**
39
+ * Reduce Motion Features
40
+ */
41
+ @media (prefers-reduced-motion: reduce) {
42
+ *:not([aria-busy="true"]):not(.unreduce-motion),
43
+ :not([aria-busy="true"])::before,
44
+ :not([aria-busy="true"])::after {
45
+ background-attachment: initial !important;
46
+ animation-duration: 1ms !important;
47
+ animation-delay: -1ms !important;
48
+ animation-iteration-count: 1 !important;
49
+ scroll-behavior: auto !important;
50
+ transition-delay: 0s !important;
51
+ transition-duration: 0s !important;
52
+ }
53
+ }