@digital-b2c/coreui-kit 0.7.3 → 0.7.5

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
@@ -81,6 +81,17 @@ html {
81
81
  --line-height-tight-4: 1.2;
82
82
  --line-height-tight-5: 1.17;
83
83
  }
84
+ .sr-only {
85
+ position: absolute;
86
+ width: 1px;
87
+ height: 1px;
88
+ padding: 0;
89
+ margin: -1px;
90
+ overflow: hidden;
91
+ clip: rect(0, 0, 0, 0);
92
+ white-space: nowrap;
93
+ border: 0;
94
+ }
84
95
  @font-face {
85
96
  font-family: "Instrument Sans";
86
97
  font-weight: 400 700;
@@ -2549,14 +2560,16 @@ h4,
2549
2560
  }
2550
2561
  }
2551
2562
  .TextBody_module_subheading,
2552
- .TextBody_module_textBody .TextBody_module_body h3 {
2563
+ .TextBody_module_textBody .TextBody_module_body h3,
2564
+ .TextBody_module_textBody .TextBody_module_body h4 {
2553
2565
  font-size: 1.25rem;
2554
2566
  font-weight: 500;
2555
2567
  line-height: 1.4;
2556
2568
  }
2557
2569
  @media (max-width: 768px) {
2558
2570
  .TextBody_module_subheading,
2559
- .TextBody_module_textBody .TextBody_module_body h3 {
2571
+ .TextBody_module_textBody .TextBody_module_body h3,
2572
+ .TextBody_module_textBody .TextBody_module_body h4 {
2560
2573
  font-size: 18px;
2561
2574
  }
2562
2575
  }
@@ -2604,6 +2617,11 @@ a:hover {
2604
2617
  margin-bottom: var(--spacing-lg);
2605
2618
  }
2606
2619
  }
2620
+ @media (max-width: 768px) {
2621
+ .TextBody_module_textBody .TextBody_module_body {
2622
+ padding: 0 var(--spacing-md);
2623
+ }
2624
+ }
2607
2625
  .TextBody_module_textBody .TextBody_module_body p {
2608
2626
  font-size: var(--font-size-md);
2609
2627
  font-weight: var(--font-weight-regular);
@@ -2627,22 +2645,27 @@ a:hover {
2627
2645
  font-weight: var(--font-weight-bold);
2628
2646
  color: var(--color-black);
2629
2647
  }
2648
+ .TextBody_module_textBody .TextBody_module_body p:has(strong) {
2649
+ margin-bottom: 0 !important;
2650
+ }
2630
2651
  .TextBody_module_textBody .TextBody_module_body a {
2631
2652
  color: var(--color-link);
2632
2653
  font-weight: var(--font-weight-semibold);
2633
2654
  }
2634
2655
  .TextBody_module_textBody .TextBody_module_body h2 {
2635
2656
  font-weight: var(--font-weight-bold);
2636
- margin-bottom: var(--spacing-xl);
2637
2657
  color: var(--color-black);
2638
2658
  }
2639
- .TextBody_module_textBody .TextBody_module_body h3 {
2659
+ .TextBody_module_textBody .TextBody_module_body h3,
2660
+ .TextBody_module_textBody .TextBody_module_body h4 {
2661
+ font-size: var(--font-size-xl);
2640
2662
  margin-bottom: var(--spacing-lg);
2641
2663
  color: var(--color-black);
2642
2664
  }
2643
2665
  @media (max-width: 768px) {
2644
- .TextBody_module_textBody .TextBody_module_body h3 {
2645
- font-size: var(--font-size-md);
2666
+ .TextBody_module_textBody .TextBody_module_body h3,
2667
+ .TextBody_module_textBody .TextBody_module_body h4 {
2668
+ font-size: var(--font-size-lg);
2646
2669
  }
2647
2670
  }
2648
2671
  .TextBody_module_textBody .TextBody_module_body br {
@@ -2655,6 +2678,7 @@ a:hover {
2655
2678
  border-collapse: collapse;
2656
2679
  margin-bottom: var(--spacing-xl);
2657
2680
  border: 1px solid rgba(8, 8, 8, 0.5);
2681
+ table-layout: fixed;
2658
2682
  }
2659
2683
  .TextBody_module_textBody .TextBody_module_body table:last-child {
2660
2684
  margin-bottom: 0 !important;
@@ -2668,6 +2692,15 @@ a:hover {
2668
2692
  line-height: 1.5;
2669
2693
  color: var(--color-black);
2670
2694
  vertical-align: top;
2695
+ overflow-wrap: break-word;
2696
+ word-break: break-word;
2697
+ }
2698
+ @media (max-width: 768px) {
2699
+ .TextBody_module_textBody .TextBody_module_body th,
2700
+ .TextBody_module_textBody .TextBody_module_body td {
2701
+ padding: 8px;
2702
+ font-size: var(--font-size-sm);
2703
+ }
2671
2704
  }
2672
2705
  .TextBody_module_textBody .TextBody_module_body tbody tr:first-child {
2673
2706
  background: #dedede;
@@ -2694,6 +2727,34 @@ a:hover {
2694
2727
  margin-left: 48px;
2695
2728
  list-style-type: lower-alpha;
2696
2729
  }
2730
+ .TextBody_module_textBody .TextBody_module_body blockquote {
2731
+ border-left: 5px solid var(--color-gray);
2732
+ padding: 5px 0 1px 30px;
2733
+ margin: 15px 0;
2734
+ font-size: 1.125em;
2735
+ line-height: 1.125em;
2736
+ }
2737
+ .TextBody_module_textBody .TextBody_module_body :is(h1, h2, h3, h4, h5, h6, span).align--center {
2738
+ text-align: center;
2739
+ }
2740
+ @media (max-width: 768px) {
2741
+ .TextBody_module_textBody .TextBody_module_body :is(h1, h2, h3, h4, h5, h6, span).align--center {
2742
+ text-align: justify;
2743
+ }
2744
+ }
2745
+ .TextBody_module_textBody .TextBody_module_body p.align--center {
2746
+ text-align: center;
2747
+ margin-bottom: var(--spacing-lg) !important;
2748
+ }
2749
+ @media (max-width: 768px) {
2750
+ .TextBody_module_textBody .TextBody_module_body p.align--center {
2751
+ text-align: justify;
2752
+ }
2753
+ }
2754
+ .TextBody_module_textBody .TextBody_module_body table p.align--center {
2755
+ margin-bottom: 0 !important;
2756
+ text-align: center;
2757
+ }
2697
2758
 
2698
2759
  /* src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss */
2699
2760
  .TextCenterCtaInBottom_module_textCenterCta {