@anydigital/bricks 1.0.0-alpha.13 → 1.0.0-alpha.14
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 +4 -3
- package/bricks/_prose.css +14 -0
- package/dist/bricks.css +14 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -80,7 +80,7 @@ The `.prose` class provides enhanced typography for article content and long-for
|
|
|
80
80
|
- Custom underline offset (`0.1em`) and thickness (`1px` default, `2px` on hover)
|
|
81
81
|
- Anchor links (starting with `#`) have no text decoration
|
|
82
82
|
- Special handling for `small`, `sup`, or `sub` elements: lighter weight (`300`) and displayed as `inline-block` to prevent underline decoration
|
|
83
|
-
- Icon helper: `i` elements inside links are displayed as `inline-block` with normal font style to prevent underline decoration
|
|
83
|
+
- 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 no margin
|
|
84
84
|
|
|
85
85
|
**Headings:**
|
|
86
86
|
|
|
@@ -93,9 +93,10 @@ The `.prose` class provides enhanced typography for article content and long-for
|
|
|
93
93
|
|
|
94
94
|
- Tables are displayed as blocks with horizontal scrolling
|
|
95
95
|
- On mobile (max-width: 767px), tables get `1.5em` horizontal padding
|
|
96
|
-
- Table cells (`th` and `td`) have `1em` vertical padding (top and bottom)
|
|
97
|
-
- Workaround for widening columns using hidden `hr` elements (minimum width: `25ch`, with zero margin)
|
|
96
|
+
- Table cells (`th` and `td`) have `1em` vertical padding (top and bottom) and `top` vertical alignment
|
|
97
|
+
- Workaround for widening columns using hidden `hr` elements (minimum width: `25ch`, with zero margin and hidden visibility)
|
|
98
98
|
- Support for headings in Markdown tables using `big` elements (styled as bold)
|
|
99
|
+
- Images in table cells have no top margin and `0.75em` bottom margin
|
|
99
100
|
|
|
100
101
|
**Blockquotes:**
|
|
101
102
|
|
package/bricks/_prose.css
CHANGED
|
@@ -25,9 +25,17 @@
|
|
|
25
25
|
|
|
26
26
|
/* Helper to insert icons in links */
|
|
27
27
|
i {
|
|
28
|
+
height: 1em;
|
|
29
|
+
vertical-align: -10%;
|
|
30
|
+
margin-right: 0.25em;
|
|
28
31
|
font-style: normal;
|
|
29
32
|
/* Workaround to prevent underline */
|
|
30
33
|
display: inline-block;
|
|
34
|
+
|
|
35
|
+
img {
|
|
36
|
+
height: 100%;
|
|
37
|
+
margin: 0 !important;
|
|
38
|
+
}
|
|
31
39
|
}
|
|
32
40
|
}
|
|
33
41
|
|
|
@@ -92,6 +100,7 @@
|
|
|
92
100
|
td {
|
|
93
101
|
padding-top: 1em;
|
|
94
102
|
padding-bottom: 1em;
|
|
103
|
+
vertical-align: top;
|
|
95
104
|
/* Workaround to widen particular columns */
|
|
96
105
|
hr {
|
|
97
106
|
min-width: 25ch;
|
|
@@ -102,6 +111,11 @@
|
|
|
102
111
|
big {
|
|
103
112
|
font-weight: bold;
|
|
104
113
|
}
|
|
114
|
+
|
|
115
|
+
img {
|
|
116
|
+
margin-top: 0;
|
|
117
|
+
margin-bottom: 0.75em;
|
|
118
|
+
}
|
|
105
119
|
}
|
|
106
120
|
|
|
107
121
|
blockquote {
|
package/dist/bricks.css
CHANGED
|
@@ -58,11 +58,19 @@ body > main {
|
|
|
58
58
|
/* Helper to insert icons in links */
|
|
59
59
|
|
|
60
60
|
.prose a i {
|
|
61
|
+
height: 1em;
|
|
62
|
+
vertical-align: -10%;
|
|
63
|
+
margin-right: 0.25em;
|
|
61
64
|
font-style: normal;
|
|
62
65
|
/* Workaround to prevent underline */
|
|
63
66
|
display: inline-block;
|
|
64
67
|
}
|
|
65
68
|
|
|
69
|
+
.prose a i img {
|
|
70
|
+
height: 100%;
|
|
71
|
+
margin: 0 !important;
|
|
72
|
+
}
|
|
73
|
+
|
|
66
74
|
.prose h1 small,.prose h1 sup,.prose h1 sub {
|
|
67
75
|
font-size: 0.5em;
|
|
68
76
|
font-weight: 300;
|
|
@@ -144,6 +152,7 @@ body > main {
|
|
|
144
152
|
.prose th,.prose td {
|
|
145
153
|
padding-top: 1em;
|
|
146
154
|
padding-bottom: 1em;
|
|
155
|
+
vertical-align: top;
|
|
147
156
|
/* Workaround to widen particular columns */
|
|
148
157
|
}
|
|
149
158
|
|
|
@@ -159,6 +168,11 @@ body > main {
|
|
|
159
168
|
font-weight: bold;
|
|
160
169
|
}
|
|
161
170
|
|
|
171
|
+
.prose th img,.prose td img {
|
|
172
|
+
margin-top: 0;
|
|
173
|
+
margin-bottom: 0.75em;
|
|
174
|
+
}
|
|
175
|
+
|
|
162
176
|
.prose blockquote {
|
|
163
177
|
font-weight: 300;
|
|
164
178
|
}
|
package/package.json
CHANGED