@digital-b2c/coreui-kit 0.11.10 → 0.11.12

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.
package/dist/index.css CHANGED
@@ -1710,6 +1710,222 @@ a:hover.Card_module_card {
1710
1710
  }
1711
1711
  }
1712
1712
 
1713
+ /* src/components/BlogPostContent/BlogPostContent.module.scss */
1714
+ html,
1715
+ body {
1716
+ font-family: "Instrument Sans", sans-serif;
1717
+ font-size: 1rem;
1718
+ font-weight: 500;
1719
+ line-height: 1.5;
1720
+ color: #4d4d4d;
1721
+ }
1722
+ h1,
1723
+ .BlogPostContent_module_h1 {
1724
+ font-size: 3rem;
1725
+ font-weight: 600;
1726
+ line-height: 1.17;
1727
+ }
1728
+ @media (max-width: 768px) {
1729
+ h1,
1730
+ .BlogPostContent_module_h1 {
1731
+ font-size: 2rem;
1732
+ }
1733
+ }
1734
+ h2,
1735
+ .BlogPostContent_module_h2 {
1736
+ font-size: 2.5rem;
1737
+ font-weight: 600;
1738
+ line-height: 1.2;
1739
+ }
1740
+ @media (max-width: 768px) {
1741
+ h2,
1742
+ .BlogPostContent_module_h2 {
1743
+ font-size: 1.5rem;
1744
+ }
1745
+ }
1746
+ h3,
1747
+ .BlogPostContent_module_h3 {
1748
+ font-size: 2rem;
1749
+ font-weight: 600;
1750
+ line-height: 1.25;
1751
+ }
1752
+ @media (max-width: 768px) {
1753
+ h3,
1754
+ .BlogPostContent_module_h3 {
1755
+ font-size: 1.25rem;
1756
+ }
1757
+ }
1758
+ h4,
1759
+ .BlogPostContent_module_h4 {
1760
+ font-size: 1.5rem;
1761
+ font-weight: 600;
1762
+ line-height: 1.33;
1763
+ }
1764
+ @media (max-width: 768px) {
1765
+ h4,
1766
+ .BlogPostContent_module_h4 {
1767
+ font-size: 18px;
1768
+ }
1769
+ }
1770
+ h5,
1771
+ .BlogPostContent_module_h5 {
1772
+ font-size: 1.25rem;
1773
+ font-weight: 500;
1774
+ line-height: 1.4;
1775
+ }
1776
+ @media (max-width: 768px) {
1777
+ h5,
1778
+ .BlogPostContent_module_h5 {
1779
+ font-size: 18px;
1780
+ }
1781
+ }
1782
+ .BlogPostContent_module_subheading {
1783
+ font-size: 1.25rem;
1784
+ font-weight: 500;
1785
+ line-height: 1.4;
1786
+ }
1787
+ @media (max-width: 768px) {
1788
+ .BlogPostContent_module_subheading {
1789
+ font-size: 18px;
1790
+ }
1791
+ }
1792
+ .BlogPostContent_module_body {
1793
+ font-size: 1rem;
1794
+ font-weight: 500;
1795
+ line-height: 1.5;
1796
+ }
1797
+ small,
1798
+ .BlogPostContent_module_small {
1799
+ font-size: 0.875rem;
1800
+ font-weight: 500;
1801
+ line-height: 1.5;
1802
+ }
1803
+ .BlogPostContent_module_smallest {
1804
+ font-size: 0.75rem;
1805
+ font-weight: 500;
1806
+ line-height: 1.5;
1807
+ }
1808
+ a {
1809
+ color: var(--color-link);
1810
+ text-decoration: none;
1811
+ cursor: pointer;
1812
+ }
1813
+ a:hover {
1814
+ text-decoration: underline;
1815
+ }
1816
+ .BlogPostContent_module_blog-post-content {
1817
+ display: flex;
1818
+ flex-direction: column;
1819
+ gap: var(--spacing-xl);
1820
+ }
1821
+ .BlogPostContent_module_blog-post-content p {
1822
+ font-size: var(--font-size-md);
1823
+ font-weight: var(--font-weight-medium);
1824
+ line-height: 150%;
1825
+ color: var(--color-black);
1826
+ }
1827
+ @media (max-width: 768px) {
1828
+ .BlogPostContent_module_blog-post-content p {
1829
+ font-size: var(--font-size-md);
1830
+ font-weight: var(--font-weight-regular);
1831
+ }
1832
+ }
1833
+ .BlogPostContent_module_blog-post-content p:last-child {
1834
+ margin-bottom: 0;
1835
+ }
1836
+ .BlogPostContent_module_blog-post-content p:empty {
1837
+ display: none;
1838
+ margin: 0;
1839
+ }
1840
+ .BlogPostContent_module_blog-post-content a {
1841
+ color: var(--color-link);
1842
+ font-weight: var(--font-weight-semibold);
1843
+ }
1844
+ .BlogPostContent_module_blog-post-content ol,
1845
+ .BlogPostContent_module_blog-post-content ul {
1846
+ margin-left: 24px;
1847
+ }
1848
+ .BlogPostContent_module_blog-post-content ol li,
1849
+ .BlogPostContent_module_blog-post-content ul li {
1850
+ margin-bottom: var(--spacing-sm);
1851
+ font-size: var(--font-size-md);
1852
+ font-weight: var(--font-weight-regular);
1853
+ line-height: 1.5;
1854
+ color: var(--color-black);
1855
+ }
1856
+ .BlogPostContent_module_blog-post-content ol ol,
1857
+ .BlogPostContent_module_blog-post-content ol ul,
1858
+ .BlogPostContent_module_blog-post-content ul ol,
1859
+ .BlogPostContent_module_blog-post-content ul ul {
1860
+ margin-left: 48px;
1861
+ list-style-type: lower-alpha;
1862
+ }
1863
+ .BlogPostContent_module_blog-post-content blockquote {
1864
+ border-left: 2px solid var(--color-gray);
1865
+ padding: 8px 32px;
1866
+ padding-right: 0;
1867
+ }
1868
+ .BlogPostContent_module_blog-post-content table {
1869
+ width: 100%;
1870
+ border-collapse: collapse;
1871
+ border: 1px solid rgba(8, 8, 8, 0.5);
1872
+ table-layout: fixed;
1873
+ }
1874
+ .BlogPostContent_module_blog-post-content table:last-child {
1875
+ margin-bottom: 0 !important;
1876
+ }
1877
+ .BlogPostContent_module_blog-post-content th,
1878
+ .BlogPostContent_module_blog-post-content td {
1879
+ padding: 8px 16px;
1880
+ border: 1px solid rgba(8, 8, 8, 0.5);
1881
+ font-size: var(--font-size-md);
1882
+ font-weight: var(--font-weight-regular);
1883
+ line-height: 1.5;
1884
+ color: var(--color-black);
1885
+ vertical-align: top;
1886
+ overflow-wrap: break-word;
1887
+ word-break: break-word;
1888
+ }
1889
+ @media (max-width: 768px) {
1890
+ .BlogPostContent_module_blog-post-content th,
1891
+ .BlogPostContent_module_blog-post-content td {
1892
+ padding: 8px;
1893
+ font-size: var(--font-size-sm);
1894
+ }
1895
+ }
1896
+ .BlogPostContent_module_blog-post-content tbody tr:first-child {
1897
+ background: #dedede;
1898
+ text-align: left;
1899
+ }
1900
+ .BlogPostContent_module_blog-post-content h1,
1901
+ .BlogPostContent_module_blog-post-content h2,
1902
+ .BlogPostContent_module_blog-post-content h3,
1903
+ .BlogPostContent_module_blog-post-content h4,
1904
+ .BlogPostContent_module_blog-post-content h5,
1905
+ .BlogPostContent_module_blog-post-content h6 {
1906
+ color: var(--color-black);
1907
+ }
1908
+ .BlogPostContent_module_blog-post-content :is(h1, h2, h3, h4, h5, h6, span).align--center {
1909
+ text-align: center;
1910
+ }
1911
+ @media (max-width: 768px) {
1912
+ .BlogPostContent_module_blog-post-content :is(h1, h2, h3, h4, h5, h6, span).align--center {
1913
+ text-align: justify;
1914
+ }
1915
+ }
1916
+ .BlogPostContent_module_blog-post-content p.align--center {
1917
+ text-align: center;
1918
+ }
1919
+ @media (max-width: 768px) {
1920
+ .BlogPostContent_module_blog-post-content p.align--center {
1921
+ text-align: justify;
1922
+ }
1923
+ }
1924
+ .BlogPostContent_module_blog-post-content table p.align--center {
1925
+ margin-bottom: 0 !important;
1926
+ text-align: center;
1927
+ }
1928
+
1713
1929
  /* src/widgets/CardCollection/CardCollection.module.scss */
1714
1930
  .CardCollection_module_card-collection {
1715
1931
  display: block;
@@ -3458,6 +3674,12 @@ a:hover {
3458
3674
  }
3459
3675
  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
3460
3676
  color: var(--color-black);
3677
+ margin-bottom: var(--spacing-md);
3678
+ }
3679
+ @media (max-width: 768px) {
3680
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
3681
+ margin-bottom: 0;
3682
+ }
3461
3683
  }
3462
3684
  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
3463
3685
  width: 50%;