@digital-b2c/coreui-kit 0.5.2 → 0.5.4

package/dist/index.css

@@ -2052,6 +2052,212 @@ a:hover {
   }
 }
 
+/* src/widgets/TextBody/TextBody.module.scss */
+html,
+body {
+  font-family: "Instrument Sans", sans-serif;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #4d4d4d;
+}
+h1,
+.TextBody_module_h1 {
+  font-size: 3rem;
+  font-weight: 600;
+  line-height: 1.17;
+}
+@media (max-width: 768px) {
+  h1,
+  .TextBody_module_h1 {
+    font-size: 2rem;
+  }
+}
+h2,
+.TextBody_module_h2 {
+  font-size: 2.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+@media (max-width: 768px) {
+  h2,
+  .TextBody_module_h2 {
+    font-size: 1.5rem;
+  }
+}
+h3,
+.TextBody_module_h3,
+.TextBody_module_textBody .TextBody_module_body h2 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 1.25;
+}
+@media (max-width: 768px) {
+  h3,
+  .TextBody_module_h3,
+  .TextBody_module_textBody .TextBody_module_body h2 {
+    font-size: 1.25rem;
+  }
+}
+h4,
+.TextBody_module_h4 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.33;
+}
+@media (max-width: 768px) {
+  h4,
+  .TextBody_module_h4 {
+    font-size: 18px;
+  }
+}
+.TextBody_module_subheading,
+.TextBody_module_textBody .TextBody_module_body h3 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  .TextBody_module_subheading,
+  .TextBody_module_textBody .TextBody_module_body h3 {
+    font-size: 18px;
+  }
+}
+p,
+.TextBody_module_body {
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+small,
+.TextBody_module_small {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.TextBody_module_smallest {
+  font-size: 0.75rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+a {
+  color: var(--color-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+a:hover {
+  text-decoration: underline;
+}
+.TextBody_module_textBody {
+  width: 100%;
+  padding: var(--spacing-3xl) var(--spacing-7xl);
+}
+@media (max-width: 768px) {
+  .TextBody_module_textBody {
+    padding: var(--spacing-lg) var(--spacing-md);
+  }
+}
+.TextBody_module_textBody .TextBody_module_title {
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .TextBody_module_textBody .TextBody_module_title {
+    font-size: var(--font-size-xl);
+    margin-bottom: var(--spacing-lg);
+  }
+}
+.TextBody_module_textBody .TextBody_module_body p {
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-regular);
+  line-height: 1.5;
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .TextBody_module_textBody .TextBody_module_body p {
+    font-size: var(--font-size-md);
+  }
+}
+.TextBody_module_textBody .TextBody_module_body p:last-child {
+  margin-bottom: 0;
+}
+.TextBody_module_textBody .TextBody_module_body p:empty {
+  display: none;
+  margin: 0;
+}
+.TextBody_module_textBody .TextBody_module_body strong {
+  font-weight: var(--font-weight-bold);
+  color: var(--color-black);
+}
+.TextBody_module_textBody .TextBody_module_body a {
+  color: var(--color-link);
+  font-weight: var(--font-weight-semibold);
+}
+.TextBody_module_textBody .TextBody_module_body h2 {
+  font-weight: var(--font-weight-bold);
+  margin-bottom: var(--spacing-xl);
+  color: var(--color-black);
+}
+.TextBody_module_textBody .TextBody_module_body h3 {
+  margin-bottom: var(--spacing-lg);
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .TextBody_module_textBody .TextBody_module_body h3 {
+    font-size: var(--font-size-md);
+  }
+}
+.TextBody_module_textBody .TextBody_module_body br {
+  display: block;
+  content: "";
+  margin-bottom: var(--spacing-sm);
+}
+.TextBody_module_textBody .TextBody_module_body table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: var(--spacing-xl);
+  border: 1px solid rgba(8, 8, 8, 0.5);
+}
+.TextBody_module_textBody .TextBody_module_body table:last-child {
+  margin-bottom: 0 !important;
+}
+.TextBody_module_textBody .TextBody_module_body th,
+.TextBody_module_textBody .TextBody_module_body td {
+  padding: 8px 16px;
+  border: 1px solid rgba(8, 8, 8, 0.5);
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-regular);
+  line-height: 1.5;
+  color: var(--color-black);
+  vertical-align: top;
+}
+.TextBody_module_textBody .TextBody_module_body tbody tr:first-child {
+  background: #dedede;
+  font-weight: var(--font-weight-semibold);
+  text-align: left;
+}
+.TextBody_module_textBody .TextBody_module_body ol,
+.TextBody_module_textBody .TextBody_module_body ul {
+  margin-left: 24px;
+  margin-bottom: var(--spacing-xl);
+}
+.TextBody_module_textBody .TextBody_module_body ol li,
+.TextBody_module_textBody .TextBody_module_body ul li {
+  margin-bottom: var(--spacing-sm);
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-regular);
+  line-height: 1.5;
+  color: var(--color-black);
+}
+.TextBody_module_textBody .TextBody_module_body ol ol,
+.TextBody_module_textBody .TextBody_module_body ol ul,
+.TextBody_module_textBody .TextBody_module_body ul ol,
+.TextBody_module_textBody .TextBody_module_body ul ul {
+  margin-left: 48px;
+  list-style-type: lower-alpha;
+}
+
 /* src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss */
 .TextCenterCtaInBottom_module_textCenterCta {
   display: block;