@digital-b2c/coreui-kit 0.11.9 → 0.11.11

package/dist/index.css

@@ -956,6 +956,11 @@ a:hover.Card_module_card {
   border: 1px solid var(--color-light-gray);
   transition: width 0.3s;
   cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-black);
+  text-decoration: none;
 }
 .Pagination_module_pagination .Pagination_module_page.Pagination_module_active {
   width: 40px;
@@ -1705,6 +1710,222 @@ a:hover.Card_module_card {
   }
 }
 
+/* src/components/BlogPostContent/BlogPostContent.module.scss */
+html,
+body {
+  font-family: "Instrument Sans", sans-serif;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #4d4d4d;
+}
+h1,
+.BlogPostContent_module_h1 {
+  font-size: 3rem;
+  font-weight: 600;
+  line-height: 1.17;
+}
+@media (max-width: 768px) {
+  h1,
+  .BlogPostContent_module_h1 {
+    font-size: 2rem;
+  }
+}
+h2,
+.BlogPostContent_module_h2 {
+  font-size: 2.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+@media (max-width: 768px) {
+  h2,
+  .BlogPostContent_module_h2 {
+    font-size: 1.5rem;
+  }
+}
+h3,
+.BlogPostContent_module_h3 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 1.25;
+}
+@media (max-width: 768px) {
+  h3,
+  .BlogPostContent_module_h3 {
+    font-size: 1.25rem;
+  }
+}
+h4,
+.BlogPostContent_module_h4 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.33;
+}
+@media (max-width: 768px) {
+  h4,
+  .BlogPostContent_module_h4 {
+    font-size: 18px;
+  }
+}
+h5,
+.BlogPostContent_module_h5 {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  h5,
+  .BlogPostContent_module_h5 {
+    font-size: 18px;
+  }
+}
+.BlogPostContent_module_subheading {
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.4;
+}
+@media (max-width: 768px) {
+  .BlogPostContent_module_subheading {
+    font-size: 18px;
+  }
+}
+.BlogPostContent_module_body {
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+small,
+.BlogPostContent_module_small {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.BlogPostContent_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;
+}
+.BlogPostContent_module_blog-post-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+}
+.BlogPostContent_module_blog-post-content p {
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-medium);
+  line-height: 150%;
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .BlogPostContent_module_blog-post-content p {
+    font-size: var(--font-size-md);
+    font-weight: var(--font-weight-regular);
+  }
+}
+.BlogPostContent_module_blog-post-content p:last-child {
+  margin-bottom: 0;
+}
+.BlogPostContent_module_blog-post-content p:empty {
+  display: none;
+  margin: 0;
+}
+.BlogPostContent_module_blog-post-content a {
+  color: var(--color-link);
+  font-weight: var(--font-weight-semibold);
+}
+.BlogPostContent_module_blog-post-content ol,
+.BlogPostContent_module_blog-post-content ul {
+  margin-left: 24px;
+}
+.BlogPostContent_module_blog-post-content ol li,
+.BlogPostContent_module_blog-post-content 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);
+}
+.BlogPostContent_module_blog-post-content ol ol,
+.BlogPostContent_module_blog-post-content ol ul,
+.BlogPostContent_module_blog-post-content ul ol,
+.BlogPostContent_module_blog-post-content ul ul {
+  margin-left: 48px;
+  list-style-type: lower-alpha;
+}
+.BlogPostContent_module_blog-post-content blockquote {
+  border-left: 2px solid var(--color-gray);
+  padding: 8px 32px;
+  padding-right: 0;
+}
+.BlogPostContent_module_blog-post-content table {
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid rgba(8, 8, 8, 0.5);
+  table-layout: fixed;
+}
+.BlogPostContent_module_blog-post-content table:last-child {
+  margin-bottom: 0 !important;
+}
+.BlogPostContent_module_blog-post-content th,
+.BlogPostContent_module_blog-post-content 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;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+@media (max-width: 768px) {
+  .BlogPostContent_module_blog-post-content th,
+  .BlogPostContent_module_blog-post-content td {
+    padding: 8px;
+    font-size: var(--font-size-sm);
+  }
+}
+.BlogPostContent_module_blog-post-content tbody tr:first-child {
+  background: #dedede;
+  text-align: left;
+}
+.BlogPostContent_module_blog-post-content h1,
+.BlogPostContent_module_blog-post-content h2,
+.BlogPostContent_module_blog-post-content h3,
+.BlogPostContent_module_blog-post-content h4,
+.BlogPostContent_module_blog-post-content h5,
+.BlogPostContent_module_blog-post-content h6 {
+  color: var(--color-black);
+}
+.BlogPostContent_module_blog-post-content :is(h1, h2, h3, h4, h5, h6, span).align--center {
+  text-align: center;
+}
+@media (max-width: 768px) {
+  .BlogPostContent_module_blog-post-content :is(h1, h2, h3, h4, h5, h6, span).align--center {
+    text-align: justify;
+  }
+}
+.BlogPostContent_module_blog-post-content p.align--center {
+  text-align: center;
+}
+@media (max-width: 768px) {
+  .BlogPostContent_module_blog-post-content p.align--center {
+    text-align: justify;
+  }
+}
+.BlogPostContent_module_blog-post-content table p.align--center {
+  margin-bottom: 0 !important;
+  text-align: center;
+}
+
 /* src/widgets/CardCollection/CardCollection.module.scss */
 .CardCollection_module_card-collection {
   display: block;