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

Sign up to get free protection for your applications and to get access to all the features.
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
+ }