@vrembem/content 5.0.0 → 6.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/dev/index.css +5 -6
- 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/modules/_blockquote.scss +2 -2
- package/src/modules/_content.scss +0 -1
- package/src/modules/_headings.scss +1 -1
- package/src/modules/_pre.scss +2 -2
package/dev/index.css
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
font-family: var(--vb-content-font-family, inherit);
|
|
4
4
|
font-size: var(--vb-content-font-size, inherit);
|
|
5
5
|
line-height: var(--vb-content-line-height, inherit);
|
|
6
|
-
color: var(--vb-content-foreground, var(--vb-foreground));
|
|
7
6
|
}
|
|
8
7
|
.content > * + * {
|
|
9
8
|
margin-top: var(--vb-content-spacing);
|
|
@@ -13,7 +12,7 @@
|
|
|
13
12
|
font-size: var(--vb-headings-font-size, 1em);
|
|
14
13
|
font-weight: var(--vb-headings-font-weight, var(--vb-font-weight-semi-bold));
|
|
15
14
|
line-height: var(--vb-headings-line-height, inherit);
|
|
16
|
-
color: var(--vb-headings-
|
|
15
|
+
color: var(--vb-headings-color, var(--vb-foreground));
|
|
17
16
|
}
|
|
18
17
|
.h1, .content > h1 {
|
|
19
18
|
--vb-headings-font-size: 2.75rem;
|
|
@@ -85,11 +84,11 @@
|
|
|
85
84
|
}
|
|
86
85
|
.pre, .content > pre {
|
|
87
86
|
overflow: auto;
|
|
88
|
-
padding: var(--vb-pre-padding, var(--vb-spacing
|
|
87
|
+
padding: var(--vb-pre-padding, var(--vb-spacing));
|
|
89
88
|
border: var(--vb-pre-border, none);
|
|
90
89
|
border-radius: var(--vb-pre-border-radius, var(--vb-border-radius));
|
|
91
90
|
font-family: var(--vb-font-family-mono);
|
|
92
|
-
color: var(--vb-pre-foreground, var(--vb-foreground
|
|
91
|
+
color: var(--vb-pre-foreground, var(--vb-foreground));
|
|
93
92
|
background: var(--vb-pre-background, var(--vb-background-alt));
|
|
94
93
|
}
|
|
95
94
|
.pre code, .content > pre code {
|
|
@@ -101,14 +100,14 @@
|
|
|
101
100
|
}
|
|
102
101
|
.blockquote, .content > blockquote {
|
|
103
102
|
position: relative;
|
|
104
|
-
padding: var(--vb-blockquote-padding, var(--vb-spacing
|
|
103
|
+
padding: var(--vb-blockquote-padding, var(--vb-spacing));
|
|
105
104
|
border: var(--vb-blockquote-border, var(--vb-border));
|
|
106
105
|
border-radius: var(--vb-blockquote-border-radius, var(--vb-border-radius));
|
|
107
106
|
color: var(--vb-blockquote-foreground, currentcolor);
|
|
108
107
|
background: var(--vb-blockquote-background, transparent);
|
|
109
108
|
}
|
|
110
109
|
.blockquote > * + *, .content > blockquote > * + * {
|
|
111
|
-
margin-top: var(--vb-blockquote-spacing, var(--vb-spacing
|
|
110
|
+
margin-top: var(--vb-blockquote-spacing, var(--vb-spacing));
|
|
112
111
|
}
|
|
113
112
|
.divider, .content > hr {
|
|
114
113
|
display: block;
|
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/_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
|
|
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;;EAEA;IACE;;ECJJ;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)
|
|
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)}.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-color, var(--vb-foreground))}.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));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));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));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))}.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/_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,
|
|
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,mDAEA,aACE,qCCJJ,gFACE,oDACA,4CACA,4EACA,oDACA,qDAYA,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,iDACA,kCACA,mEACA,uCACA,qDACA,8DAEA,4BACE,UACA,YACA,0DACA,cACA,gBCdJ,gCACE,kBACA,wDACA,qDACA,0EACA,oDACA,wDAEA,wCACE,2DCTJ,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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vrembem/content",
|
|
3
3
|
"description": "Provides typographic styles for commonly used HTML elements.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "6.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": "^6.0.0"
|
|
46
46
|
},
|
|
47
47
|
"publishConfig": {
|
|
48
48
|
"access": "public"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "25b82cc8e749c252e42bf658e20646617f9b8e93"
|
|
51
51
|
}
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
|
|
7
7
|
#{fun.selector("blockquote")} {
|
|
8
8
|
position: relative;
|
|
9
|
-
padding: tokens.get("blockquote", "padding", tokens.get("spacing
|
|
9
|
+
padding: tokens.get("blockquote", "padding", tokens.get("spacing"));
|
|
10
10
|
border: tokens.get("blockquote", "border", tokens.get("border"));
|
|
11
11
|
border-radius: tokens.get("blockquote", "border-radius", tokens.get("border-radius"));
|
|
12
12
|
color: tokens.get("blockquote", "foreground", currentcolor);
|
|
13
13
|
background: tokens.get("blockquote", "background", transparent);
|
|
14
14
|
|
|
15
15
|
> * + * {
|
|
16
|
-
margin-top: tokens.get("blockquote", "spacing", tokens.get("spacing
|
|
16
|
+
margin-top: tokens.get("blockquote", "spacing", tokens.get("spacing"));
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
font-family: tokens.get("content", "font-family", inherit);
|
|
10
10
|
font-size: tokens.get("content", "font-size", inherit);
|
|
11
11
|
line-height: tokens.get("content", "line-height", inherit);
|
|
12
|
-
color: tokens.get("content", "foreground", tokens.get("foreground"));
|
|
13
12
|
|
|
14
13
|
> * + * {
|
|
15
14
|
margin-top: tokens.get("content", "spacing", null);
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
font-size: tokens.get("headings", "font-size", 1em);
|
|
13
13
|
font-weight: tokens.get("headings", "font-weight", tokens.get("font-weight-semi-bold"));
|
|
14
14
|
line-height: tokens.get("headings", "line-height", inherit);
|
|
15
|
-
color: tokens.get("headings", "
|
|
15
|
+
color: tokens.get("headings", "color", tokens.get("foreground"));
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
@each $key, $value in config.get("content-headings") {
|
package/src/modules/_pre.scss
CHANGED
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
|
|
7
7
|
#{fun.selector("pre")} {
|
|
8
8
|
overflow: auto;
|
|
9
|
-
padding: tokens.get("pre", "padding", tokens.get("spacing
|
|
9
|
+
padding: tokens.get("pre", "padding", tokens.get("spacing"));
|
|
10
10
|
border: tokens.get("pre", "border", none);
|
|
11
11
|
border-radius: tokens.get("pre", "border-radius", tokens.get("border-radius"));
|
|
12
12
|
font-family: tokens.get("font-family-mono");
|
|
13
|
-
color: tokens.get("pre", "foreground", tokens.get("foreground
|
|
13
|
+
color: tokens.get("pre", "foreground", tokens.get("foreground"));
|
|
14
14
|
background: tokens.get("pre", "background", tokens.get("background-alt"));
|
|
15
15
|
|
|
16
16
|
code {
|