@vrembem/content 4.0.0-next.52 → 5.0.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/README.md +1 -1
- package/dev/index.css +2 -2
- package/dev/index.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/index.scss +1 -1
- package/package.json +4 -4
- package/src/_config.scss +8 -10
- package/src/modules/_divider.scss +13 -0
- package/src/modules/_separator.scss +0 -13
package/README.md
CHANGED
package/dev/index.css
CHANGED
|
@@ -110,11 +110,11 @@
|
|
|
110
110
|
.blockquote > * + *, .content > blockquote > * + * {
|
|
111
111
|
margin-top: var(--vb-blockquote-spacing, var(--vb-spacing-md));
|
|
112
112
|
}
|
|
113
|
-
.
|
|
113
|
+
.divider, .content > hr {
|
|
114
114
|
display: block;
|
|
115
115
|
height: 0;
|
|
116
116
|
border: none;
|
|
117
|
-
border-top: var(--vb-
|
|
117
|
+
border-top: var(--vb-divider-width, var(--vb-border-width)) var(--vb-divider-style, var(--vb-border-style)) var(--vb-divider-color, var(--vb-border-color));
|
|
118
118
|
}
|
|
119
119
|
.arrow,
|
|
120
120
|
.arrow-up,
|
package/dev/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../index.scss","../src/modules/_content.scss","../src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/modules/_tokens.scss","../src/modules/_link.scss","../src/modules/_list.scss","../src/modules/_code.scss","../src/modules/_pre.scss","../src/modules/_blockquote.scss","../src/modules/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../index.scss","../src/modules/_content.scss","../src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/modules/_tokens.scss","../src/modules/_link.scss","../src/modules/_list.scss","../src/modules/_code.scss","../src/modules/_pre.scss","../src/modules/_blockquote.scss","../src/modules/_divider.scss","../src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/library/_arrow.scss","../src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/library/_size.scss","../../../node_modules/@vrembem/core/src/library/_loading-spinner.scss","../src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/library/_sr-only.scss"],"names":[],"mappings":"AAIA;ECGE;IACE;IACA;IACA;IACA;;EAEA;IACE;;ECLJ;IACE;IACA;IACA;IACA;IACA;;EAYA;ICsSE;IAAA;;EDtSF;ICsSE;IAAA;;EDtSF;ICsSE;IAAA;;EDtSF;ICsSE;IAAA;;EDtSF;ICsSE;;EC1TJ;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAIF;IAEE;IAIA;;EAEA;IACE;;EAOJ;IACE;IACA;;EC9BJ;IACE;;EAEA;AAAA;AAAA;AAAA;IAEE;;EAGF;AAAA;AAAA;AAAA;IAEE;;EAIJ;IACE;;ECfF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;ECRF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;ECdJ;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;ECTJ;IACE;IACA;IACA;IACA;;ECNF;AAAA;AAAA;AAAA;AAAA;ICYA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDfA;IACE;;EAGF;IACE;;EAGF;IACE;;EEjBF;ICUE,OCCY;IDAZ;ICOF,UFjBgC;IEkBhC;IACA;IACA;IACA;IACA;;EAME;IACE;MACE;;IAGF;MACE;;;ECnCN;ICFA;IACA;IACA;IACA;IACA;IACA;IACA","file":"index.css"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base{.content{font-family:var(--vb-content-font-family, inherit);font-size:var(--vb-content-font-size, inherit);line-height:var(--vb-content-line-height, inherit);color:var(--vb-content-foreground, var(--vb-foreground))}.content>*+*{margin-top:var(--vb-content-spacing)}.h1,.content>h1,.h2,.content>h2,.h3,.content>h3,.h4,.content>h4,.h5,.content>h5{font-family:var(--vb-headings-font-family, inherit);font-size:var(--vb-headings-font-size, 1em);font-weight:var(--vb-headings-font-weight, var(--vb-font-weight-semi-bold));line-height:var(--vb-headings-line-height, inherit);color:var(--vb-headings-foreground, var(--vb-foreground-strong))}.h1,.content>h1{--vb-headings-font-size:2.75rem;--vb-headings-line-height:1.25}.h2,.content>h2{--vb-headings-font-size:2rem;--vb-headings-line-height:1.25}.h3,.content>h3{--vb-headings-font-size:1.75rem;--vb-headings-line-height:1.25}.h4,.content>h4{--vb-headings-font-size:1.5rem;--vb-headings-line-height:1.375}.h5,.content>h5{--vb-headings-font-size:1.25rem}.link,.content :not(div)>a{color:var(--vb-link-foreground, var(--vb-foreground-accent));text-decoration:var(--vb-link-decoration, underline);text-decoration-thickness:var(--vb-link-decoration-thickness, 1px);text-underline-offset:var(--vb-link-underline-offset, 2px)}.link code,.content :not(div)>a code{color:var(--vb-link-foreground, var(--vb-foreground-accent));background-color:var(--vb-background-alt)}.link:hover,.link:focus-visible,.content :not(div)>a:hover,.content :not(div)>a:focus-visible{color:var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - 0.1) c h), oklch(from var(--vb-foreground-accent) calc(l + 0.1) c h)));text-decoration:var(--vb-link-decoration-hover, none)}.link:hover code,.link:focus-visible code,.content :not(div)>a:hover code,.content :not(div)>a:focus-visible code{color:var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - 0.1) c h), oklch(from var(--vb-foreground-accent) calc(l + 0.1) c h)))}.link:focus-visible,.content :not(div)>a:focus-visible{outline:var(--vb-link-focus-ring, currentcolor dotted 1px);outline-offset:var(--vb-link-focus-ring-offset, 0.125rem)}.list,.content>ul,.content>ol{margin-left:var(--vb-list-indent, var(--vb-spacing-lg))}.list ul,.list ol,.content>ul ul,.content>ul ol,.content>ol ul,.content>ol ol{margin-left:var(--vb-list-indent, var(--vb-spacing-lg))}.list li li,.list li+li,.content>ul li li,.content>ul li+li,.content>ol li li,.content>ol li+li{margin-top:var(--vb-list-spacing, var(--vb-spacing-sm))}.list-style-none{list-style:none !important}.code,.content :not(pre)>code{padding:var(--vb-code-padding, 0.125rem 0.375rem);border:var(--vb-code-border);border-radius:var(--vb-code-border-radius, var(--vb-border-radius));font-family:var(--vb-font-family-mono);font-size:var(--vb-code-font-size, var(--vb-font-size-sm));color:var(--vb-code-foreground, var(--vb-foreground-accent-alt));overflow-wrap:break-word;background:var(--vb-code-background, color-mix(in oklch, currentcolor 10%, transparent))}.pre,.content>pre{overflow:auto;padding:var(--vb-pre-padding, var(--vb-spacing-md));border:var(--vb-pre-border, none);border-radius:var(--vb-pre-border-radius, var(--vb-border-radius));font-family:var(--vb-font-family-mono);color:var(--vb-pre-foreground, var(--vb-foreground-strong));background:var(--vb-pre-background, var(--vb-background-alt))}.pre code,.content>pre code{padding:0;border:none;font-size:var(--vb-pre-font-size, var(--vb-font-size-sm));color:inherit;background:none}.blockquote,.content>blockquote{position:relative;padding:var(--vb-blockquote-padding, var(--vb-spacing-md));border:var(--vb-blockquote-border, var(--vb-border));border-radius:var(--vb-blockquote-border-radius, var(--vb-border-radius));color:var(--vb-blockquote-foreground, currentcolor);background:var(--vb-blockquote-background, transparent)}.blockquote>*+*,.content>blockquote>*+*{margin-top:var(--vb-blockquote-spacing, var(--vb-spacing-md))}.
|
|
1
|
+
@layer base{.content{font-family:var(--vb-content-font-family, inherit);font-size:var(--vb-content-font-size, inherit);line-height:var(--vb-content-line-height, inherit);color:var(--vb-content-foreground, var(--vb-foreground))}.content>*+*{margin-top:var(--vb-content-spacing)}.h1,.content>h1,.h2,.content>h2,.h3,.content>h3,.h4,.content>h4,.h5,.content>h5{font-family:var(--vb-headings-font-family, inherit);font-size:var(--vb-headings-font-size, 1em);font-weight:var(--vb-headings-font-weight, var(--vb-font-weight-semi-bold));line-height:var(--vb-headings-line-height, inherit);color:var(--vb-headings-foreground, var(--vb-foreground-strong))}.h1,.content>h1{--vb-headings-font-size:2.75rem;--vb-headings-line-height:1.25}.h2,.content>h2{--vb-headings-font-size:2rem;--vb-headings-line-height:1.25}.h3,.content>h3{--vb-headings-font-size:1.75rem;--vb-headings-line-height:1.25}.h4,.content>h4{--vb-headings-font-size:1.5rem;--vb-headings-line-height:1.375}.h5,.content>h5{--vb-headings-font-size:1.25rem}.link,.content :not(div)>a{color:var(--vb-link-foreground, var(--vb-foreground-accent));text-decoration:var(--vb-link-decoration, underline);text-decoration-thickness:var(--vb-link-decoration-thickness, 1px);text-underline-offset:var(--vb-link-underline-offset, 2px)}.link code,.content :not(div)>a code{color:var(--vb-link-foreground, var(--vb-foreground-accent));background-color:var(--vb-background-alt)}.link:hover,.link:focus-visible,.content :not(div)>a:hover,.content :not(div)>a:focus-visible{color:var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - 0.1) c h), oklch(from var(--vb-foreground-accent) calc(l + 0.1) c h)));text-decoration:var(--vb-link-decoration-hover, none)}.link:hover code,.link:focus-visible code,.content :not(div)>a:hover code,.content :not(div)>a:focus-visible code{color:var(--vb-link-foreground-hover, light-dark(oklch(from var(--vb-foreground-accent) calc(l - 0.1) c h), oklch(from var(--vb-foreground-accent) calc(l + 0.1) c h)))}.link:focus-visible,.content :not(div)>a:focus-visible{outline:var(--vb-link-focus-ring, currentcolor dotted 1px);outline-offset:var(--vb-link-focus-ring-offset, 0.125rem)}.list,.content>ul,.content>ol{margin-left:var(--vb-list-indent, var(--vb-spacing-lg))}.list ul,.list ol,.content>ul ul,.content>ul ol,.content>ol ul,.content>ol ol{margin-left:var(--vb-list-indent, var(--vb-spacing-lg))}.list li li,.list li+li,.content>ul li li,.content>ul li+li,.content>ol li li,.content>ol li+li{margin-top:var(--vb-list-spacing, var(--vb-spacing-sm))}.list-style-none{list-style:none !important}.code,.content :not(pre)>code{padding:var(--vb-code-padding, 0.125rem 0.375rem);border:var(--vb-code-border);border-radius:var(--vb-code-border-radius, var(--vb-border-radius));font-family:var(--vb-font-family-mono);font-size:var(--vb-code-font-size, var(--vb-font-size-sm));color:var(--vb-code-foreground, var(--vb-foreground-accent-alt));overflow-wrap:break-word;background:var(--vb-code-background, color-mix(in oklch, currentcolor 10%, transparent))}.pre,.content>pre{overflow:auto;padding:var(--vb-pre-padding, var(--vb-spacing-md));border:var(--vb-pre-border, none);border-radius:var(--vb-pre-border-radius, var(--vb-border-radius));font-family:var(--vb-font-family-mono);color:var(--vb-pre-foreground, var(--vb-foreground-strong));background:var(--vb-pre-background, var(--vb-background-alt))}.pre code,.content>pre code{padding:0;border:none;font-size:var(--vb-pre-font-size, var(--vb-font-size-sm));color:inherit;background:none}.blockquote,.content>blockquote{position:relative;padding:var(--vb-blockquote-padding, var(--vb-spacing-md));border:var(--vb-blockquote-border, var(--vb-border));border-radius:var(--vb-blockquote-border-radius, var(--vb-border-radius));color:var(--vb-blockquote-foreground, currentcolor);background:var(--vb-blockquote-background, transparent)}.blockquote>*+*,.content>blockquote>*+*{margin-top:var(--vb-blockquote-spacing, var(--vb-spacing-md))}.divider,.content>hr{display:block;height:0;border:none;border-top:var(--vb-divider-width, var(--vb-border-width)) var(--vb-divider-style, var(--vb-border-style)) var(--vb-divider-color, var(--vb-border-color))}.arrow,.arrow-up,.arrow-down,.arrow-left,.arrow-right{pointer-events:none;transform-origin:center;display:inline-block;flex-grow:0;flex-shrink:0;width:0;height:0;border-color:var(--vb-arrow-color, currentcolor) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:var(--vb-arrow-size, 6px 4px);border-bottom-width:0;border-radius:var(--vb-arrow-radius, 2px)}.arrow-up{transform:rotate(180deg)}.arrow-left{transform:rotate(90deg)}.arrow-right{transform:rotate(-90deg)}.loading-spinner{width:var(--vb-loading-size, 1em);height:var(--vb-loading-size, 1em);position:relative;display:inline-block;border:var(--vb-loading-border, 2px solid);border-color:var(--vb-loading-color, currentcolor) var(--vb-loading-color, currentcolor) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:var(--vb-border-radius-circle);animation:spin var(--vb-loading-duration, 0.6s) infinite linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%)}}/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../index.scss","../src/modules/_content.scss","../src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/modules/_tokens.scss","../src/modules/_link.scss","../src/modules/_list.scss","../src/modules/_code.scss","../src/modules/_pre.scss","../src/modules/_blockquote.scss","../src/modules/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../index.scss","../src/modules/_content.scss","../src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/modules/_tokens.scss","../src/modules/_link.scss","../src/modules/_list.scss","../src/modules/_code.scss","../src/modules/_pre.scss","../src/modules/_blockquote.scss","../src/modules/_divider.scss","../src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/library/_arrow.scss","../src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/library/_size.scss","../../../node_modules/@vrembem/core/src/library/_loading-spinner.scss","../src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/library/_sr-only.scss"],"names":[],"mappings":"AAIA,YCGE,SACE,mDACA,+CACA,mDACA,yDAEA,aACE,qCCLJ,gFACE,oDACA,4CACA,4EACA,oDACA,iEAYA,gBCsSE,+DDtSF,gBCsSE,4DDtSF,gBCsSE,+DDtSF,gBCsSE,+DDtSF,gBCsSE,gCC1TJ,2BACE,6DACA,qDACA,mEACA,2DAEA,qCACE,6DACA,0CAIF,8FAEE,wKAIA,sDAEA,kHACE,wKAOJ,uDACE,2DACA,0DC9BJ,8BACE,wDAEA,8EAEE,wDAGF,gGAEE,wDAIJ,iBACE,2BCfF,8BACE,kDACA,6BACA,oEACA,uCACA,2DACA,iEACA,yBACA,yFCRF,kBACE,cACA,oDACA,kCACA,mEACA,uCACA,4DACA,8DAEA,4BACE,UACA,YACA,0DACA,cACA,gBCdJ,gCACE,kBACA,2DACA,qDACA,0EACA,oDACA,wDAEA,wCACE,8DCTJ,qBACE,cACA,SACA,YACA,2JCNF,sDCYA,oBACA,wBACA,qBACA,YACA,cACA,QACA,SACA,6EACA,mBACA,2CACA,sBACA,0CDfA,UACE,yBAGF,YACE,wBAGF,aACE,yBEjBF,iBCUE,MCCY,+DAOd,SFjBgC,SEkBhC,qBACA,2CACA,qHACA,6CACA,gEAME,gBACE,KACE,uBAGF,GACE,0BCnCN,SCFA,kBACA,gBACA,UACA,WACA,YACA,UACA","file":"index.css"}
|
package/index.scss
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
@include meta.load-css("./src/modules/code");
|
|
11
11
|
@include meta.load-css("./src/modules/pre");
|
|
12
12
|
@include meta.load-css("./src/modules/blockquote");
|
|
13
|
-
@include meta.load-css("./src/modules/
|
|
13
|
+
@include meta.load-css("./src/modules/divider");
|
|
14
14
|
@include meta.load-css("./src/modules/arrow");
|
|
15
15
|
@include meta.load-css("./src/modules/loading-spinner");
|
|
16
16
|
@include meta.load-css("./src/modules/sr-only");
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vrembem/content",
|
|
3
|
-
"description": "
|
|
4
|
-
"version": "
|
|
3
|
+
"description": "Provides typographic styles for commonly used HTML elements.",
|
|
4
|
+
"version": "5.0.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"BEM",
|
|
@@ -42,10 +42,10 @@
|
|
|
42
42
|
},
|
|
43
43
|
"homepage": "https://github.com/sebnitu/vrembem/tree/main/packages/base#readme",
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@vrembem/core": "^
|
|
45
|
+
"@vrembem/core": "^5.0.0"
|
|
46
46
|
},
|
|
47
47
|
"publishConfig": {
|
|
48
48
|
"access": "public"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "4ba8b0ee6a6ccba54e197b77ed6dcddae33eb7b2"
|
|
51
51
|
}
|
package/src/_config.scss
CHANGED
|
@@ -8,28 +8,26 @@ $default: (
|
|
|
8
8
|
// Controls whether module styles are output. This can be overridden on a per
|
|
9
9
|
// module basis using the `content-output-exceptions` config option.
|
|
10
10
|
// @type boolean
|
|
11
|
-
"
|
|
11
|
+
"output": true,
|
|
12
12
|
|
|
13
13
|
// Modules to exclude from the output rule set in `content-output`
|
|
14
14
|
// @type list
|
|
15
|
-
"
|
|
15
|
+
"output-exceptions": (),
|
|
16
16
|
|
|
17
17
|
// A map containing module names as keys and their preferred class selectors
|
|
18
18
|
// @type map
|
|
19
|
-
"
|
|
20
|
-
"separator": "sep"
|
|
21
|
-
),
|
|
19
|
+
"classes": (),
|
|
22
20
|
|
|
23
21
|
// A prefix to apply to content class selectors. Provided value is automatically
|
|
24
22
|
// suffixed with a "-" character when applied.
|
|
25
23
|
// @type string
|
|
26
|
-
"
|
|
24
|
+
"prefix": "",
|
|
27
25
|
|
|
28
26
|
// Used to output the heading styles and their font-size/line-height CSS
|
|
29
27
|
// variables. Should contain a key of the heading level to output and the
|
|
30
28
|
// value of a font-size and optional line-height (space separated).
|
|
31
29
|
// @type map
|
|
32
|
-
"
|
|
30
|
+
"headings": (
|
|
33
31
|
"h1": 2.75rem 1.25,
|
|
34
32
|
"h2": 2rem 1.25,
|
|
35
33
|
"h3": 1.75rem 1.25,
|
|
@@ -39,7 +37,7 @@ $default: (
|
|
|
39
37
|
|
|
40
38
|
// Map modules to their preferred content selectors
|
|
41
39
|
// @type map
|
|
42
|
-
"
|
|
40
|
+
"selectors": (
|
|
43
41
|
"h1": "> h1",
|
|
44
42
|
"h2": "> h2",
|
|
45
43
|
"h3": "> h3",
|
|
@@ -51,8 +49,8 @@ $default: (
|
|
|
51
49
|
"code": ":not(pre) > code",
|
|
52
50
|
"pre": "> pre",
|
|
53
51
|
"blockquote": "> blockquote",
|
|
54
|
-
"
|
|
52
|
+
"divider": "> hr"
|
|
55
53
|
)
|
|
56
54
|
);
|
|
57
55
|
|
|
58
|
-
@include config.merge-with-default($config, $default);
|
|
56
|
+
@include config.merge-with-default($config, $default, "content");
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
@use "@vrembem/core/tokens";
|
|
2
|
+
@use "../functions" as fun;
|
|
3
|
+
|
|
4
|
+
@if fun.maybe-output("divider") {
|
|
5
|
+
@include tokens.register("divider");
|
|
6
|
+
|
|
7
|
+
#{fun.selector("divider")} {
|
|
8
|
+
display: block;
|
|
9
|
+
height: 0;
|
|
10
|
+
border: none;
|
|
11
|
+
border-top: tokens.get("divider", "width", tokens.get("border-width")) tokens.get("divider", "style", tokens.get("border-style")) tokens.get("divider", "color", tokens.get("border-color"));
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
@use "@vrembem/core/tokens";
|
|
2
|
-
@use "../functions" as fun;
|
|
3
|
-
|
|
4
|
-
@if fun.maybe-output("separator") {
|
|
5
|
-
@include tokens.register("separator");
|
|
6
|
-
|
|
7
|
-
#{fun.selector("separator")} {
|
|
8
|
-
display: block;
|
|
9
|
-
height: 0;
|
|
10
|
-
border: none;
|
|
11
|
-
border-top: tokens.get("separator", "border-width", tokens.get("border-width")) tokens.get("separator", "border-style", tokens.get("border-style")) tokens.get("separator", "border-color", tokens.get("border-color"));
|
|
12
|
-
}
|
|
13
|
-
}
|