@refrakt-md/skeleton 0.38.0 → 0.40.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/package.json +2 -2
- package/styles/runes/figure.css +7 -3
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@refrakt-md/skeleton",
|
|
3
3
|
"description": "The structural cascade layer + layer-order contract every refrakt theme builds on — ships `@layer skeleton` and the `@layer skeleton, skin;` order declaration, plus the token-name contract",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.40.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"styles"
|
|
30
30
|
],
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@refrakt-md/types": "0.
|
|
32
|
+
"@refrakt-md/types": "0.40.0"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "tsc"
|
package/styles/runes/figure.css
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
/* figure — structure. The image box (block + responsive max-width + centering),
|
|
2
2
|
* the frame-aspect fill, the named size max-widths, and the alignment auto-margins.
|
|
3
|
-
* The image radius and the caption type are skin (Lumina's styles/runes/figure.css).
|
|
3
|
+
* The image radius and the caption type are skin (Lumina's styles/runes/figure.css).
|
|
4
|
+
*
|
|
5
|
+
* The image rules take the figure's own media only — a direct child. Since
|
|
6
|
+
* BUG-028 a figure's body may hold a code block, a table or a nested rune, and
|
|
7
|
+
* an image inside one of those belongs to it, not to the figure. */
|
|
4
8
|
|
|
5
|
-
.rf-figure :is(img, .rf-placeholder) {
|
|
9
|
+
.rf-figure > :is(img, .rf-placeholder) {
|
|
6
10
|
display: block;
|
|
7
11
|
max-width: 100%;
|
|
8
12
|
height: auto;
|
|
9
13
|
margin-inline: auto;
|
|
10
14
|
}
|
|
11
|
-
.rf-figure[style*="--frame-aspect"] :is(img, .rf-placeholder) {
|
|
15
|
+
.rf-figure[style*="--frame-aspect"] > :is(img, .rf-placeholder) {
|
|
12
16
|
width: 100%;
|
|
13
17
|
height: 100%;
|
|
14
18
|
object-fit: cover;
|