@vrembem/content 4.0.0-next.44 → 4.0.0-next.45
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/dev/index.css +13 -12
- package/dev/index.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/package.json +3 -3
- package/src/_config.scss +5 -6
- package/src/_functions.scss +1 -1
- package/src/modules/_link.scss +2 -3
package/dev/index.css
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
.content > * + * {
|
|
9
9
|
margin-top: var(--vb-content-spacing);
|
|
10
10
|
}
|
|
11
|
-
.h1, .content > h1, .h2, .content > h2, .h3, .content > h3, .h4, .content > h4, .h5, .content > h5
|
|
11
|
+
.h1, .content > h1, .h2, .content > h2, .h3, .content > h3, .h4, .content > h4, .h5, .content > h5 {
|
|
12
12
|
font-family: var(--vb-headings-font-family, inherit);
|
|
13
13
|
font-size: var(--vb-headings-font-size, 1em);
|
|
14
14
|
font-weight: var(--vb-headings-font-weight, var(--vb-font-weight-semi-bold));
|
|
@@ -16,22 +16,23 @@
|
|
|
16
16
|
color: var(--vb-headings-foreground, var(--vb-foreground-strong));
|
|
17
17
|
}
|
|
18
18
|
.h1, .content > h1 {
|
|
19
|
-
--vb-headings-font-size: 2.
|
|
19
|
+
--vb-headings-font-size: 2.75rem;
|
|
20
|
+
--vb-headings-line-height: 1.25;
|
|
20
21
|
}
|
|
21
22
|
.h2, .content > h2 {
|
|
22
|
-
--vb-headings-font-size:
|
|
23
|
+
--vb-headings-font-size: 2rem;
|
|
24
|
+
--vb-headings-line-height: 1.25;
|
|
23
25
|
}
|
|
24
26
|
.h3, .content > h3 {
|
|
25
|
-
--vb-headings-font-size: 1.
|
|
27
|
+
--vb-headings-font-size: 1.75rem;
|
|
28
|
+
--vb-headings-line-height: 1.25;
|
|
26
29
|
}
|
|
27
30
|
.h4, .content > h4 {
|
|
28
|
-
--vb-headings-font-size: 1.
|
|
31
|
+
--vb-headings-font-size: 1.5rem;
|
|
32
|
+
--vb-headings-line-height: 1.375;
|
|
29
33
|
}
|
|
30
34
|
.h5, .content > h5 {
|
|
31
|
-
--vb-headings-font-size: 1.
|
|
32
|
-
}
|
|
33
|
-
.h6, .content > h6 {
|
|
34
|
-
--vb-headings-font-size: 1em;
|
|
35
|
+
--vb-headings-font-size: 1.25rem;
|
|
35
36
|
}
|
|
36
37
|
.link, .content :not(div) > a {
|
|
37
38
|
color: var(--vb-link-foreground, var(--vb-foreground-accent));
|
|
@@ -43,14 +44,14 @@
|
|
|
43
44
|
color: var(--vb-link-foreground, var(--vb-foreground-accent));
|
|
44
45
|
background-color: var(--vb-background-alt);
|
|
45
46
|
}
|
|
46
|
-
.link:hover, .link:focus, .content :not(div) > a:hover, .content :not(div) > a:focus {
|
|
47
|
+
.link:hover, .link:focus-visible, .content :not(div) > a:hover, .content :not(div) > a:focus-visible {
|
|
47
48
|
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)));
|
|
48
49
|
text-decoration: var(--vb-link-decoration-hover, none);
|
|
49
50
|
}
|
|
50
|
-
.link:hover code, .link:focus code, .content :not(div) > a:hover code, .content :not(div) > a:focus code {
|
|
51
|
+
.link:hover code, .link:focus-visible code, .content :not(div) > a:hover code, .content :not(div) > a:focus-visible code {
|
|
51
52
|
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)));
|
|
52
53
|
}
|
|
53
|
-
.link:focus, .content :not(div) > a:focus {
|
|
54
|
+
.link:focus-visible, .content :not(div) > a:focus-visible {
|
|
54
55
|
outline: var(--vb-link-focus-ring, currentcolor dotted 1px);
|
|
55
56
|
outline-offset: var(--vb-link-focus-ring-offset, 0.125rem);
|
|
56
57
|
}
|
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/scss/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/_separator.scss","../src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/scss/library/_arrow.scss","../src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/scss/library/_size.scss","../../../node_modules/@vrembem/core/src/scss/library/_loading-spinner.scss","../src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/scss/library/_sr-only.scss"],"names":[],"mappings":"AAIA;ECGE;IACE;IACA;IACA;IACA;;EAEA;IACE;;ECLJ;IACE;IACA;IACA;IACA;IACA;;EAYA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../index.scss","../src/modules/_content.scss","../src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/scss/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/_separator.scss","../src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/scss/library/_arrow.scss","../src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/scss/library/_size.scss","../../../node_modules/@vrembem/core/src/scss/library/_loading-spinner.scss","../src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/scss/library/_sr-only.scss"],"names":[],"mappings":"AAIA;ECGE;IACE;IACA;IACA;IACA;;EAEA;IACE;;ECLJ;IACE;IACA;IACA;IACA;IACA;;EAYA;ICiSE;IAAA;;EDjSF;ICiSE;IAAA;;EDjSF;ICiSE;IAAA;;EDjSF;ICiSE;IAAA;;EDjSF;ICiSE;;ECrTJ;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;ICMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDTA;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
|
|
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, var(--vb-background-alt))}.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))}.sep,.content>hr{display:block;height:0;border:none;border-top:var(--vb-separator-border-width, var(--vb-border-width)) var(--vb-separator-border-style, var(--vb-border-style)) var(--vb-separator-border-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/scss/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/_separator.scss","../src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/scss/library/_arrow.scss","../src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/scss/library/_size.scss","../../../node_modules/@vrembem/core/src/scss/library/_loading-spinner.scss","../src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/scss/library/_sr-only.scss"],"names":[],"mappings":"AAIA,YCGE,SACE,mDACA,+CACA,mDACA,yDAEA,aACE,qCCLJ,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../index.scss","../src/modules/_content.scss","../src/modules/_headings.scss","../../../node_modules/@vrembem/core/src/scss/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/_separator.scss","../src/modules/_arrow.scss","../../../node_modules/@vrembem/core/src/scss/library/_arrow.scss","../src/modules/_loading-spinner.scss","../../../node_modules/@vrembem/core/src/scss/library/_size.scss","../../../node_modules/@vrembem/core/src/scss/library/_loading-spinner.scss","../src/modules/_sr-only.scss","../../../node_modules/@vrembem/core/src/scss/library/_sr-only.scss"],"names":[],"mappings":"AAIA,YCGE,SACE,mDACA,+CACA,mDACA,yDAEA,aACE,qCCLJ,gFACE,oDACA,4CACA,4EACA,oDACA,iEAYA,gBCiSE,+DDjSF,gBCiSE,4DDjSF,gBCiSE,+DDjSF,gBCiSE,+DDjSF,gBCiSE,gCCrTJ,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,+DCRF,kBACE,cACA,oDACA,kCACA,mEACA,uCACA,4DACA,8DAEA,4BACE,UACA,YACA,0DACA,cACA,gBCdJ,gCACE,kBACA,2DACA,qDACA,0EACA,oDACA,wDAEA,wCACE,8DCTJ,iBACE,cACA,SACA,YACA,sLCNF,sDCMA,oBACA,wBACA,qBACA,YACA,cACA,QACA,SACA,6EACA,mBACA,2CACA,sBACA,0CDTA,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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vrembem/content",
|
|
3
3
|
"description": "A content wrapper that provides typographic styles for common HTML elements.",
|
|
4
|
-
"version": "4.0.0-next.
|
|
4
|
+
"version": "4.0.0-next.45",
|
|
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": "^4.0.0-next.
|
|
45
|
+
"@vrembem/core": "^4.0.0-next.45"
|
|
46
46
|
},
|
|
47
47
|
"publishConfig": {
|
|
48
48
|
"access": "public"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "540429cd3a4c1f86e8c1b3dd0843eaab398d3772"
|
|
51
51
|
}
|
package/src/_config.scss
CHANGED
|
@@ -30,12 +30,11 @@ $default: (
|
|
|
30
30
|
// value of a font-size and optional line-height (space separated).
|
|
31
31
|
// @type map
|
|
32
32
|
"content-headings": (
|
|
33
|
-
"h1": 2.
|
|
34
|
-
"h2":
|
|
35
|
-
"h3": 1.
|
|
36
|
-
"h4": 1.
|
|
37
|
-
"h5": 1.
|
|
38
|
-
"h6": 1em
|
|
33
|
+
"h1": 2.75rem 1.25,
|
|
34
|
+
"h2": 2rem 1.25,
|
|
35
|
+
"h3": 1.75rem 1.25,
|
|
36
|
+
"h4": 1.5rem 1.375,
|
|
37
|
+
"h5": 1.25rem
|
|
39
38
|
),
|
|
40
39
|
|
|
41
40
|
// Map modules to their preferred content selectors
|
package/src/_functions.scss
CHANGED
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
// Apply the block prefix to the root content class
|
|
48
|
-
$content: '#{config.get("prefix-
|
|
48
|
+
$content: '#{config.get("prefix-blocks")}#{$content}';
|
|
49
49
|
|
|
50
50
|
// Create the content selector using the content module selector
|
|
51
51
|
$list: string.split(map.get(config.get("content-selectors"), $module), ",");
|
package/src/modules/_link.scss
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
@use "@vrembem/core/tokens";
|
|
2
|
-
@use "@vrembem/core/palette";
|
|
3
2
|
@use "../functions" as fun;
|
|
4
3
|
|
|
5
4
|
@if fun.maybe-output("link") {
|
|
@@ -18,7 +17,7 @@
|
|
|
18
17
|
|
|
19
18
|
// prettier-ignore
|
|
20
19
|
&:hover,
|
|
21
|
-
&:focus {
|
|
20
|
+
&:focus-visible {
|
|
22
21
|
color: tokens.get("link", "foreground-hover", light-dark(
|
|
23
22
|
oklch(from tokens.get("foreground-accent") calc(l - 0.1) c h),
|
|
24
23
|
oklch(from tokens.get("foreground-accent") calc(l + 0.1) c h),
|
|
@@ -33,7 +32,7 @@
|
|
|
33
32
|
}
|
|
34
33
|
}
|
|
35
34
|
|
|
36
|
-
&:focus {
|
|
35
|
+
&:focus-visible {
|
|
37
36
|
outline: tokens.get("link", "focus-ring", currentcolor dotted 1px);
|
|
38
37
|
outline-offset: tokens.get("link", "focus-ring-offset", 0.125rem);
|
|
39
38
|
}
|