@utrecht/component-library-css 3.0.1-alpha.41 → 3.0.1-alpha.42

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.
Files changed (3) hide show
  1. package/dist/html.css +5 -3
  2. package/dist/index.css +5 -3
  3. package/package.json +1 -1
package/dist/html.css CHANGED
@@ -810,10 +810,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
810
810
  }
811
811
  .utrecht-html code {
812
812
  /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
813
+ /* Use `inherit` as font-size, to override interfering CSS such as: `code { font-size: 16px }` */
813
814
  background-color: var(--utrecht-code-background-color);
814
815
  color: var(--utrecht-code-color);
815
816
  font-family: var(--utrecht-code-font-family, monospace), monospace;
816
- font-size: var(--utrecht-code-font-size);
817
+ font-size: var(--utrecht-code-font-size, inherit);
817
818
  font-variant-ligatures: none;
818
819
  line-height: var(--utrecht-code-line-height);
819
820
  }
@@ -1104,10 +1105,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
1104
1105
  }
1105
1106
  .utrecht-html pre:has(> code:only-child) {
1106
1107
  /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
1108
+ /* Use `inherit` as font-size, to override interfering CSS such as: `code { font-size: 16px }` */
1107
1109
  background-color: var(--utrecht-code-background-color);
1108
1110
  color: var(--utrecht-code-color);
1109
1111
  font-family: var(--utrecht-code-font-family, monospace), monospace;
1110
- font-size: var(--utrecht-code-font-size);
1112
+ font-size: var(--utrecht-code-font-size, inherit);
1111
1113
  font-variant-ligatures: none;
1112
1114
  line-height: var(--utrecht-code-line-height);
1113
1115
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
@@ -1117,7 +1119,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
1117
1119
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
1118
1120
  background-color: var(--utrecht-code-block-background-color);
1119
1121
  display: block;
1120
- font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
1122
+ font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size, inherit));
1121
1123
  line-height: var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));
1122
1124
  margin-block-end: var(--utrecht-code-block-margin-block-end);
1123
1125
  margin-block-start: var(--utrecht-code-block-margin-block-start);
package/dist/index.css CHANGED
@@ -1727,10 +1727,11 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
1727
1727
  */
1728
1728
  .utrecht-code {
1729
1729
  /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
1730
+ /* Use `inherit` as font-size, to override interfering CSS such as: `code { font-size: 16px }` */
1730
1731
  background-color: var(--utrecht-code-background-color);
1731
1732
  color: var(--utrecht-code-color);
1732
1733
  font-family: var(--utrecht-code-font-family, monospace), monospace;
1733
- font-size: var(--utrecht-code-font-size);
1734
+ font-size: var(--utrecht-code-font-size, inherit);
1734
1735
  font-variant-ligatures: none;
1735
1736
  line-height: var(--utrecht-code-line-height);
1736
1737
  }
@@ -1752,10 +1753,11 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
1752
1753
  */
1753
1754
  .utrecht-code-block {
1754
1755
  /* Use `monospace` as fallback both when the custom property isn't set and when the font is not available */
1756
+ /* Use `inherit` as font-size, to override interfering CSS such as: `code { font-size: 16px }` */
1755
1757
  background-color: var(--utrecht-code-background-color);
1756
1758
  color: var(--utrecht-code-color);
1757
1759
  font-family: var(--utrecht-code-font-family, monospace), monospace;
1758
- font-size: var(--utrecht-code-font-size);
1760
+ font-size: var(--utrecht-code-font-size, inherit);
1759
1761
  font-variant-ligatures: none;
1760
1762
  line-height: var(--utrecht-code-line-height);
1761
1763
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
@@ -1765,7 +1767,7 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
1765
1767
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
1766
1768
  background-color: var(--utrecht-code-block-background-color);
1767
1769
  display: block;
1768
- font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
1770
+ font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size, inherit));
1769
1771
  line-height: var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));
1770
1772
  margin-block-end: var(--utrecht-code-block-margin-block-end);
1771
1773
  margin-block-start: var(--utrecht-code-block-margin-block-start);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "3.0.1-alpha.41",
2
+ "version": "3.0.1-alpha.42",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",