@vrembem/content 4.0.0-next.45 → 4.0.0-next.46

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 CHANGED
@@ -81,7 +81,7 @@
81
81
  font-size: var(--vb-code-font-size, var(--vb-font-size-sm));
82
82
  color: var(--vb-code-foreground, var(--vb-foreground-accent-alt));
83
83
  overflow-wrap: break-word;
84
- background: var(--vb-code-background, var(--vb-background-alt));
84
+ background: var(--vb-code-background, color-mix(in oklch, currentcolor 10%, transparent));
85
85
  }
86
86
  .pre, .content > pre {
87
87
  overflow: auto;
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, 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 */
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))}.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 */
@@ -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,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"}
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,yFCRF,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.45",
4
+ "version": "4.0.0-next.46",
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"
45
+ "@vrembem/core": "^4.0.0-next.46"
46
46
  },
47
47
  "publishConfig": {
48
48
  "access": "public"
49
49
  },
50
- "gitHead": "540429cd3a4c1f86e8c1b3dd0843eaab398d3772"
50
+ "gitHead": "943c2f57383657048a1082a01ba9a1f09850545e"
51
51
  }
@@ -12,6 +12,6 @@
12
12
  font-size: tokens.get("code", "font-size", tokens.get("font-size-sm"));
13
13
  color: tokens.get("code", "foreground", tokens.get("foreground-accent-alt"));
14
14
  overflow-wrap: break-word;
15
- background: tokens.get("code", "background", tokens.get("background-alt"));
15
+ background: tokens.get("code", "background", color-mix(in oklch, currentcolor 10%, transparent));
16
16
  }
17
17
  }