@anyblades/blades 3.1.0-beta.4 → 3.1.0-beta.6

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 (90) hide show
  1. package/.prettierrc.json +0 -7
  2. package/README.md +20 -10
  3. package/_includes/.prettierrc.json +12 -0
  4. package/_includes/package.json +10 -0
  5. package/css/blades.css +942 -1805
  6. package/css/blades.min.css +11 -1
  7. package/css/blades.ninja.css +1124 -2265
  8. package/css/blades.ninja.min.css +16 -1
  9. package/css/float-label.css +34 -187
  10. package/css/float-label.min.css +1 -1
  11. package/css/layered/blades.layered.css +942 -1805
  12. package/css/layered/blades.layered.min.css +11 -1
  13. package/css/layered/compact.css +10 -31
  14. package/css/layered/components/accordion.css +32 -21
  15. package/css/layered/components/card.css +8 -16
  16. package/css/layered/components/dropdown-popover.css +92 -0
  17. package/css/layered/components/dropdown.css +61 -61
  18. package/css/layered/components/group.css +40 -156
  19. package/css/layered/components/loading.css +28 -35
  20. package/css/layered/components/modal-modern.css +20 -0
  21. package/css/layered/components/modal.css +54 -65
  22. package/css/layered/components/nav.css +36 -36
  23. package/css/layered/components/progress.css +18 -23
  24. package/css/layered/components/timeline.css +10 -0
  25. package/css/layered/components/tooltip.css +88 -103
  26. package/css/layered/components.css +371 -517
  27. package/css/layered/content/button.css +37 -117
  28. package/css/layered/content/code-block.css +20 -0
  29. package/css/layered/content/code.css +11 -26
  30. package/css/layered/content/embedded-content.css +5 -10
  31. package/css/layered/content/figure.css +3 -5
  32. package/css/layered/content/icon.css +33 -0
  33. package/css/layered/content/link.css +18 -40
  34. package/css/layered/content/misc.css +1 -5
  35. package/css/layered/content/table.css +4 -10
  36. package/css/layered/content/typography.css +22 -41
  37. package/css/layered/content.css +102 -254
  38. package/css/layered/forms/basics.css +64 -142
  39. package/css/layered/forms/checkbox-radio-switch.css +46 -75
  40. package/css/layered/forms/float-label/core.css +31 -0
  41. package/css/layered/forms/float-label/theme.css +28 -0
  42. package/css/layered/forms/float-label.css +57 -0
  43. package/css/layered/forms/input-color.css +5 -5
  44. package/css/layered/forms/input-datetime.css +9 -26
  45. package/css/layered/forms/input-file.css +7 -8
  46. package/css/layered/forms/input-range.css +43 -50
  47. package/css/layered/forms/input-search.css +16 -47
  48. package/css/layered/forms.css +197 -355
  49. package/css/layered/layout/columns.css +10 -0
  50. package/css/layered/layout/container.css +13 -13
  51. package/css/layered/layout/document.css +4 -12
  52. package/css/layered/layout/grid.css +6 -8
  53. package/css/layered/layout/landmarks.css +1 -7
  54. package/css/layered/layout/overflow-auto.css +0 -3
  55. package/css/layered/layout/section.css +0 -3
  56. package/css/layered/layout.css +26 -39
  57. package/css/layered/utilities.css +6 -15
  58. package/css/layered/variables-blades.css +11 -0
  59. package/css/layered/variables.css +77 -181
  60. package/css/pico.conditional.css +785 -1368
  61. package/css/pico.conditional.min.css +1 -1
  62. package/css/pico.css +785 -1368
  63. package/css/pico.min.css +1 -1
  64. package/package.json +13 -26
  65. package/src/blades/_index.css +9 -9
  66. package/src/blades/{_dropdown-popover.css → components/_dropdown-popover.css} +3 -3
  67. package/src/blades/forms/float-label/_index.css +2 -0
  68. package/src/blades.css +2 -2
  69. package/src/blades.ninja.css +3 -3
  70. package/src/float-label.css +1 -1
  71. package/src/ninja/_index.css +7 -8
  72. package/src/pico/_index.css +6 -6
  73. package/src/pico/components/_index.css +9 -9
  74. package/src/pico/content/_index.css +8 -8
  75. package/src/pico/forms/_index.css +7 -7
  76. package/src/pico/layout/_index.css +5 -5
  77. package/src/pico.css +2 -2
  78. package/_includes/blades/links.liquid +0 -21
  79. package/_includes/blades/links.njk +0 -9
  80. package/_includes/blades/links.twig +0 -18
  81. package/src/blades/float-label/_index.css +0 -2
  82. package/src/ninja/_page-anchors.css +0 -10
  83. /package/src/blades/{_variables.css → _variables-blades.css} +0 -0
  84. /package/src/blades/{_modal.css → components/_modal-modern.css} +0 -0
  85. /package/src/blades/{_timeline.css → components/_timeline.css} +0 -0
  86. /package/src/blades/{_code.css → content/_code-block.css} +0 -0
  87. /package/src/blades/{_icon.css → content/_icon.css} +0 -0
  88. /package/src/blades/{float-label → forms/float-label}/_core.css +0 -0
  89. /package/src/blades/{float-label → forms/float-label}/_theme.css +0 -0
  90. /package/src/blades/{_columns.css → layout/_columns.css} +0 -0
package/css/layered/content/typography.css CHANGED
@@ -1,36 +1,24 @@
1
1
  @layer blades {
2
- /**
3
- * Typography
4
- */
5
- b,
6
- strong {
2
+ b, strong {
7
3
  font-weight: bolder;
8
4
  }
9
5
 
10
- sub,
11
- sup {
12
- position: relative;
13
- font-size: 0.75em;
14
- line-height: 0;
6
+ sub, sup {
15
7
  vertical-align: baseline;
8
+ font-size: .75em;
9
+ line-height: 0;
10
+ position: relative;
16
11
  }
17
12
 
18
13
  sub {
19
- bottom: -0.25em;
14
+ bottom: -.25em;
20
15
  }
21
16
 
22
17
  sup {
23
- top: -0.5em;
18
+ top: -.5em;
24
19
  }
25
20
 
26
- address,
27
- blockquote,
28
- dl,
29
- ol,
30
- p,
31
- pre,
32
- table,
33
- ul {
21
+ address, blockquote, dl, ol, p, pre, table, ul {
34
22
  margin-top: 0;
35
23
  margin-bottom: var(--pico-typography-spacing-vertical);
36
24
  color: var(--pico-color);
@@ -38,12 +26,7 @@ ul {
38
26
  font-weight: var(--pico-font-weight);
39
27
  }
40
28
 
41
- h1,
42
- h2,
43
- h3,
44
- h4,
45
- h5,
46
- h6 {
29
+ h1, h2, h3, h4, h5, h6 {
47
30
  margin-top: 0;
48
31
  margin-bottom: var(--pico-typography-spacing-vertical);
49
32
  color: var(--pico-color);
@@ -77,35 +60,32 @@ h6 {
77
60
  --pico-color: var(--pico-h6-color);
78
61
  }
79
62
 
80
- :where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul)
81
- ~ :is(h1, h2, h3, h4, h5, h6) {
63
+ :where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {
82
64
  margin-top: var(--pico-typography-spacing-top);
83
65
  }
84
66
 
85
- p {
67
+ p, hgroup {
86
68
  margin-bottom: var(--pico-typography-spacing-vertical);
87
69
  }
88
70
 
89
- hgroup {
90
- margin-bottom: var(--pico-typography-spacing-vertical);
91
- }
92
71
  hgroup > * {
93
72
  margin-top: 0;
94
73
  margin-bottom: 0;
95
74
  }
96
- hgroup > *:not(:first-child):last-child {
75
+
76
+ hgroup > :not(:first-child):last-child {
97
77
  --pico-color: var(--pico-muted-color);
98
78
  --pico-font-weight: unset;
99
79
  font-size: 1rem;
100
80
  }
101
81
 
102
82
  :where(ol, ul) li {
103
- margin-bottom: calc(var(--pico-typography-spacing-vertical) * 0.25);
83
+ margin-bottom: calc(var(--pico-typography-spacing-vertical) * .25);
104
84
  }
105
85
 
106
86
  :where(dl, ol, ul) :where(dl, ol, ul) {
107
87
  margin: 0;
108
- margin-top: calc(var(--pico-typography-spacing-vertical) * 0.25);
88
+ margin-top: calc(var(--pico-typography-spacing-vertical) * .25);
109
89
  }
110
90
 
111
91
  ul li {
@@ -113,30 +93,31 @@ ul li {
113
93
  }
114
94
 
115
95
  mark {
116
- padding: 0.125rem 0.25rem;
117
96
  background-color: var(--pico-mark-background-color);
118
97
  color: var(--pico-mark-color);
119
98
  vertical-align: baseline;
99
+ padding: .125rem .25rem;
120
100
  }
121
101
 
122
102
  blockquote {
123
- display: block;
124
103
  margin: var(--pico-typography-spacing-vertical) 0;
125
104
  padding: var(--pico-spacing);
126
105
  border-right: none;
127
- border-left: 0.25rem solid var(--pico-blockquote-border-color);
128
- border-inline-start: 0.25rem solid var(--pico-blockquote-border-color);
106
+ border-left: .25rem solid var(--pico-blockquote-border-color);
107
+ border-inline-start: .25rem solid var(--pico-blockquote-border-color);
129
108
  border-inline-end: none;
109
+ display: block;
130
110
  }
111
+
131
112
  blockquote footer {
132
- margin-top: calc(var(--pico-typography-spacing-vertical) * 0.5);
113
+ margin-top: calc(var(--pico-typography-spacing-vertical) * .5);
133
114
  color: var(--pico-blockquote-footer-color);
134
115
  }
135
116
 
136
117
  abbr[title] {
118
+ cursor: help;
137
119
  border-bottom: 1px dotted;
138
120
  text-decoration: none;
139
- cursor: help;
140
121
  }
141
122
 
142
123
  ins {