@solid-design-system/styles 1.0.0-next.1

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 (80) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/LICENSE.md +10 -0
  3. package/README.md +8 -0
  4. package/cdn/modules/chip.css +1 -0
  5. package/cdn/modules/container.css +1 -0
  6. package/cdn/modules/copyright.css +1 -0
  7. package/cdn/modules/display.css +1 -0
  8. package/cdn/modules/flag.css +1 -0
  9. package/cdn/modules/footnotes.css +1 -0
  10. package/cdn/modules/headline.css +1 -0
  11. package/cdn/modules/hidden-links.css +1 -0
  12. package/cdn/modules/interactive.css +1 -0
  13. package/cdn/modules/leadtext.css +1 -0
  14. package/cdn/modules/list.css +1 -0
  15. package/cdn/modules/mark.css +1 -0
  16. package/cdn/modules/media.css +1 -0
  17. package/cdn/modules/meta.css +1 -0
  18. package/cdn/modules/paragraph.css +1 -0
  19. package/cdn/modules/prose.css +1 -0
  20. package/cdn/modules/table-cell.css +1 -0
  21. package/cdn/modules/table.css +1 -0
  22. package/cdn/solid-styles.css +1 -0
  23. package/cdn-versioned/modules/chip.css +1 -0
  24. package/cdn-versioned/modules/container.css +1 -0
  25. package/cdn-versioned/modules/copyright.css +1 -0
  26. package/cdn-versioned/modules/display.css +1 -0
  27. package/cdn-versioned/modules/flag.css +1 -0
  28. package/cdn-versioned/modules/footnotes.css +1 -0
  29. package/cdn-versioned/modules/headline.css +1 -0
  30. package/cdn-versioned/modules/hidden-links.css +1 -0
  31. package/cdn-versioned/modules/interactive.css +1 -0
  32. package/cdn-versioned/modules/leadtext.css +1 -0
  33. package/cdn-versioned/modules/list.css +1 -0
  34. package/cdn-versioned/modules/mark.css +1 -0
  35. package/cdn-versioned/modules/media.css +1 -0
  36. package/cdn-versioned/modules/meta.css +1 -0
  37. package/cdn-versioned/modules/paragraph.css +1 -0
  38. package/cdn-versioned/modules/prose.css +1 -0
  39. package/cdn-versioned/modules/table-cell.css +1 -0
  40. package/cdn-versioned/modules/table.css +1 -0
  41. package/cdn-versioned/solid-styles.css +1 -0
  42. package/dist/modules/chip.css +61 -0
  43. package/dist/modules/container.css +184 -0
  44. package/dist/modules/copyright.css +63 -0
  45. package/dist/modules/display.css +70 -0
  46. package/dist/modules/flag.css +59 -0
  47. package/dist/modules/footnotes.css +42 -0
  48. package/dist/modules/headline.css +237 -0
  49. package/dist/modules/hidden-links.css +57 -0
  50. package/dist/modules/interactive.css +105 -0
  51. package/dist/modules/leadtext.css +43 -0
  52. package/dist/modules/list.css +152 -0
  53. package/dist/modules/mark.css +15 -0
  54. package/dist/modules/media.css +33 -0
  55. package/dist/modules/meta.css +49 -0
  56. package/dist/modules/paragraph.css +28 -0
  57. package/dist/modules/prose.css +852 -0
  58. package/dist/modules/table-cell.css +186 -0
  59. package/dist/modules/table.css +24 -0
  60. package/dist/solid-styles.css +1348 -0
  61. package/dist-versioned/modules/chip.css +61 -0
  62. package/dist-versioned/modules/container.css +184 -0
  63. package/dist-versioned/modules/copyright.css +63 -0
  64. package/dist-versioned/modules/display.css +70 -0
  65. package/dist-versioned/modules/flag.css +59 -0
  66. package/dist-versioned/modules/footnotes.css +42 -0
  67. package/dist-versioned/modules/headline.css +237 -0
  68. package/dist-versioned/modules/hidden-links.css +57 -0
  69. package/dist-versioned/modules/interactive.css +105 -0
  70. package/dist-versioned/modules/leadtext.css +43 -0
  71. package/dist-versioned/modules/list.css +152 -0
  72. package/dist-versioned/modules/mark.css +15 -0
  73. package/dist-versioned/modules/media.css +33 -0
  74. package/dist-versioned/modules/meta.css +49 -0
  75. package/dist-versioned/modules/paragraph.css +28 -0
  76. package/dist-versioned/modules/prose.css +852 -0
  77. package/dist-versioned/modules/table-cell.css +186 -0
  78. package/dist-versioned/modules/table.css +24 -0
  79. package/dist-versioned/solid-styles.css +1348 -0
  80. package/package.json +68 -0
package/dist/modules/paragraph.css ADDED
@@ -0,0 +1,28 @@
1
+ /**
2
+ * A paragraph is used to display blocks of text. It uses the base font size and can contain bold and/or link styles.
3
+ * @name sd-paragraph
4
+ * @status stable
5
+ * @since 1.7
6
+ * @variant { sm } sd-paragraph--size-... The paragraph's font size.
7
+ * @boolean sd-paragraph--inverted Inverts the paragraph text.
8
+ */
9
+ .sd-paragraph,
10
+ .sd-prose p {
11
+ font-size: var(--sd-font-size-base, 1rem) /* 16px */;
12
+ font-weight: 400;
13
+ line-height: var(--sd-line-height-normal, 150%) /* Used for body copy and smaller titles */;
14
+
15
+ color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */
16
+ }
17
+ .sd-paragraph--size-sm, .sd-prose p--size-sm {
18
+ font-size: var(--sd-font-size-sm, 0.875rem) /* 14px */;
19
+ font-weight: 400;
20
+ line-height: var(--sd-line-height-normal, 150%) /* Used for body copy and smaller titles */;
21
+
22
+ color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */
23
+ }
24
+ .sd-paragraph--inverted,
25
+ .sd-prose--inverted p {
26
+
27
+ color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */
28
+ }