@anydigital/bricks 1.0.0-alpha.17 → 1.0.0-alpha.18
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/README.md +6 -4
- package/bricks/_prose.css +7 -6
- package/dist/bricks.css +5 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -81,11 +81,11 @@ The `.prose` class provides enhanced typography for article content and long-for
|
|
|
81
81
|
- Custom underline offset (`0.1em`) and thickness (`1px` default, `2px` on hover)
|
|
82
82
|
- Anchor links (starting with `#`) have no text decoration
|
|
83
83
|
- Special handling for `small`, `sup`, or `sub` elements: lighter weight (`300`) and displayed as `inline-block` to prevent underline decoration
|
|
84
|
-
- Icon helper: `i` elements inside links are displayed as `inline-block` with normal font style to prevent underline decoration, with `1em` height, `-10%` vertical alignment, and `0.25em` right margin. Nested `img` elements are styled with `100%` height and
|
|
84
|
+
- Icon helper: `i` elements inside links are displayed as `inline-block` with normal font style to prevent underline decoration, with `1em` height, `-10%` vertical alignment, and `0.25em` right margin. Nested `img` elements are styled with `100%` height and `1em` bottom margin
|
|
85
85
|
|
|
86
86
|
**Headings:**
|
|
87
87
|
|
|
88
|
-
- `h1` with `small`, `sup`, or `sub` elements get reduced font size (`0.5em`) and lighter weight (`300`)
|
|
88
|
+
- `h1` with `small`, `sup`, or `sub` elements get reduced font size (`0.5em`) and lighter weight (`300`). The `h1` itself has a `0.5em` bottom margin.
|
|
89
89
|
|
|
90
90
|
**Tables:**
|
|
91
91
|
|
|
@@ -94,7 +94,7 @@ The `.prose` class provides enhanced typography for article content and long-for
|
|
|
94
94
|
- Table cells (`th` and `td`) have `1em` vertical padding (top and bottom) and `top` vertical alignment
|
|
95
95
|
- Workaround for widening columns using hidden `hr` elements (minimum width: `25ch`, with zero margin and hidden visibility)
|
|
96
96
|
- Support for headings in Markdown tables using `big` elements (styled as bold)
|
|
97
|
-
- Images in table cells have no top margin and `
|
|
97
|
+
- Images in table cells have no top margin and `1em` bottom margin
|
|
98
98
|
|
|
99
99
|
**Blockquotes:**
|
|
100
100
|
|
|
@@ -110,7 +110,9 @@ The `.prose` class provides enhanced typography for article content and long-for
|
|
|
110
110
|
Includes specialized styling for Prism.js, specifically focusing on treeview components:
|
|
111
111
|
|
|
112
112
|
- Custom styling for `.token.treeview-part`
|
|
113
|
-
- Reduced opacity for entry lines and names to create a hierarchical visual effect
|
|
113
|
+
- Reduced opacity for entry lines (25%) and names (50%) to create a hierarchical visual effect
|
|
114
|
+
- Entry lines have a fixed width of `2.5em`
|
|
115
|
+
- Last-child entry names have no `::before` pseudo-element
|
|
114
116
|
- Supports complex file tree visualizations out of the box
|
|
115
117
|
|
|
116
118
|
### Utilities
|
package/bricks/_prose.css
CHANGED
|
@@ -34,11 +34,17 @@
|
|
|
34
34
|
|
|
35
35
|
img {
|
|
36
36
|
height: 100%;
|
|
37
|
-
margin: 0 !important;
|
|
38
37
|
}
|
|
39
38
|
}
|
|
40
39
|
}
|
|
41
40
|
|
|
41
|
+
img {
|
|
42
|
+
&:not(:where(.prose > img, .prose > p > img)) {
|
|
43
|
+
margin-top: 0;
|
|
44
|
+
margin-bottom: 1em;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
42
48
|
h1 {
|
|
43
49
|
margin-bottom: 0.5em !important;
|
|
44
50
|
|
|
@@ -72,11 +78,6 @@
|
|
|
72
78
|
big {
|
|
73
79
|
font-weight: bold;
|
|
74
80
|
}
|
|
75
|
-
|
|
76
|
-
img {
|
|
77
|
-
margin-top: 0;
|
|
78
|
-
margin-bottom: 0.75em;
|
|
79
|
-
}
|
|
80
81
|
}
|
|
81
82
|
|
|
82
83
|
blockquote {
|
package/dist/bricks.css
CHANGED
|
@@ -74,9 +74,13 @@ body a {
|
|
|
74
74
|
|
|
75
75
|
.prose a i img {
|
|
76
76
|
height: 100%;
|
|
77
|
-
margin: 0 !important;
|
|
78
77
|
}
|
|
79
78
|
|
|
79
|
+
.prose img:not(:where(.prose > img,.prose > p > img)) {
|
|
80
|
+
margin-top: 0;
|
|
81
|
+
margin-bottom: 1em;
|
|
82
|
+
}
|
|
83
|
+
|
|
80
84
|
.prose h1 {
|
|
81
85
|
margin-bottom: 0.5em !important;
|
|
82
86
|
}
|
|
@@ -117,11 +121,6 @@ body a {
|
|
|
117
121
|
font-weight: bold;
|
|
118
122
|
}
|
|
119
123
|
|
|
120
|
-
.prose th img,.prose td img {
|
|
121
|
-
margin-top: 0;
|
|
122
|
-
margin-bottom: 0.75em;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
124
|
.prose blockquote {
|
|
126
125
|
font-weight: 300;
|
|
127
126
|
}
|
package/package.json
CHANGED