@refrakt-md/skeleton 0.45.0 → 0.47.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
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.47.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.47.0"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "tsc"
|
|
@@ -10,6 +10,16 @@
|
|
|
10
10
|
display: inline-flex;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
/* The pill (ADR-043 decision 3, WORK-671) — `{% badge %}` and every
|
|
14
|
+
* `status`, `category` or `tag` value: one unbroken unit. Its fill, colour,
|
|
15
|
+
* padding and radius are skin. */
|
|
16
|
+
.rf-badge,
|
|
17
|
+
[data-meta-type="status"],
|
|
18
|
+
[data-meta-type="category"],
|
|
19
|
+
[data-meta-type="tag"] {
|
|
20
|
+
white-space: nowrap;
|
|
21
|
+
}
|
|
22
|
+
|
|
13
23
|
/* ── Layout: bar (SPEC-080) ──
|
|
14
24
|
* Horizontal flex row of fields; wraps by default (`data-wrap="false"` keeps it
|
|
15
25
|
* on one line); a field tagged `data-align="end"` (and everything after it) is
|
|
@@ -1,32 +1,22 @@
|
|
|
1
|
-
/* pullquote — structure.
|
|
2
|
-
*
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
/* pullquote — structure. A featured quotation is a `<figure>` (an excerpt an
|
|
2
|
+
* `<aside>` holding one, SPEC-185 D4): the browser's figure margins are
|
|
3
|
+
* cleared, the centred quote is centred in the measure, and the left/right
|
|
4
|
+
* modes float beside the text (+ responsive). The glyph, type, rules and
|
|
5
|
+
* attribution are skin. */
|
|
6
|
+
.rf-pullquote,
|
|
7
|
+
.rf-pullquote__figure {
|
|
8
|
+
margin-inline: 0;
|
|
9
|
+
}
|
|
10
|
+
.rf-pullquote__quote {
|
|
11
|
+
margin: 0;
|
|
12
12
|
}
|
|
13
13
|
.rf-pullquote--center {
|
|
14
14
|
margin-left: auto;
|
|
15
15
|
margin-right: auto;
|
|
16
16
|
}
|
|
17
|
-
.rf-pullquote--center::before {
|
|
18
|
-
left: 50%;
|
|
19
|
-
transform: translateX(-50%);
|
|
20
|
-
}
|
|
21
|
-
.rf-pullquote--left::before {
|
|
22
|
-
display: none;
|
|
23
|
-
}
|
|
24
17
|
.rf-pullquote--right {
|
|
25
18
|
margin-left: auto;
|
|
26
19
|
}
|
|
27
|
-
.rf-pullquote--right::before {
|
|
28
|
-
display: none;
|
|
29
|
-
}
|
|
30
20
|
.rf-pullquote[data-align="left"] {
|
|
31
21
|
float: left;
|
|
32
22
|
width: 40%;
|
|
@@ -35,9 +25,6 @@
|
|
|
35
25
|
float: right;
|
|
36
26
|
width: 40%;
|
|
37
27
|
}
|
|
38
|
-
.rf-pullquote--editorial::before {
|
|
39
|
-
display: none;
|
|
40
|
-
}
|
|
41
28
|
@media (max-width: 768px) {
|
|
42
29
|
.rf-pullquote[data-align="left"],
|
|
43
30
|
.rf-pullquote[data-align="right"] {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/* testimonial — structure. The author name/role block display and the fixed
|
|
2
|
-
* avatar box (size + crop). Surface, type, the quote treatment
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
* must stay skin to override elements/blockquote.css by source order. */
|
|
2
|
+
* avatar box (size + crop). Surface, type, the quote treatment and the avatar
|
|
3
|
+
* radius/margin stay skin (Lumina's styles/runes/testimonial.css). The quote is
|
|
4
|
+
* not marked as a quotation (SPEC-185 D3.3), so it has no glyph to reset. */
|
|
6
5
|
|
|
7
6
|
.rf-testimonial__author-name {
|
|
8
7
|
display: block;
|