@digital-b2c/coreui-kit 0.29.0 → 0.29.2

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
@@ -453,6 +453,35 @@ a:hover {
453
453
  background: transparent;
454
454
  outline: 4px solid var(--color-link);
455
455
  }
456
+ .Button_module_button.Button_module_shiny-black {
457
+ color: var(--color-black);
458
+ background: transparent;
459
+ border: none;
460
+ }
461
+ .Button_module_button.Button_module_shiny-black::before {
462
+ content: "";
463
+ position: absolute;
464
+ inset: 0;
465
+ padding: 2px;
466
+ background:
467
+ linear-gradient(
468
+ var(--angle),
469
+ #000000,
470
+ rgba(102, 102, 102, 0.39));
471
+ border-radius: inherit;
472
+ animation: Button_module_rotateGradient 2s ease-in infinite;
473
+ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
474
+ -webkit-mask-composite: xor;
475
+ mask-composite: exclude;
476
+ pointer-events: none;
477
+ }
478
+ .Button_module_button.Button_module_shiny-black:hover {
479
+ background: var(--color-light-gray-2);
480
+ }
481
+ .Button_module_button.Button_module_shiny-black:focus-visible {
482
+ background: transparent;
483
+ outline: 4px solid var(--color-link);
484
+ }
456
485
  .Button_module_button.Button_module_tabbutton {
457
486
  display: inline-block;
458
487
  width: 100%;
@@ -4749,6 +4778,11 @@ a:hover {
4749
4778
  .MiniSectionCta_module_miniSectionCta h2 {
4750
4779
  color: var(--color-black);
4751
4780
  }
4781
+ @media (max-width: 768px) {
4782
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_headerCTA .MiniSectionCta_module_cta-wrapper {
4783
+ margin: 0 var(--spacing-lg);
4784
+ }
4785
+ }
4752
4786
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
4753
4787
  background-color: var(--color-black);
4754
4788
  color: var(--color-white);
@@ -4760,6 +4794,24 @@ a:hover {
4760
4794
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
4761
4795
  text-align: center;
4762
4796
  }
4797
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack .MiniSectionCta_module_cta-wrapper {
4798
+ margin: 0 13px;
4799
+ }
4800
+ }
4801
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
4802
+ background-color: var(--color-white);
4803
+ color: var(--color-blackj);
4804
+ }
4805
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey h2 {
4806
+ color: var(--color-black);
4807
+ }
4808
+ @media (max-width: 768px) {
4809
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
4810
+ text-align: center;
4811
+ }
4812
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey .MiniSectionCta_module_cta-wrapper {
4813
+ margin: 0 13px;
4814
+ }
4763
4815
  }
4764
4816
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout {
4765
4817
  background: var(--mini-section-cta-bg);
@@ -4799,6 +4851,11 @@ a:hover {
4799
4851
  flex-direction: column;
4800
4852
  align-items: center;
4801
4853
  }
4854
+ @media (max-width: 768px) {
4855
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_cta-wrapper {
4856
+ padding: 0 var(--spacing-lg);
4857
+ }
4858
+ }
4802
4859
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_wrapper {
4803
4860
  gap: 62px;
4804
4861
  }
@@ -4816,6 +4873,9 @@ a:hover {
4816
4873
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_wrapper {
4817
4874
  gap: var(--spacing-lg);
4818
4875
  }
4876
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_bgGradientGrey .MiniSectionCta_module_cta-wrapper {
4877
+ margin: 0 var(--spacing-lg);
4878
+ }
4819
4879
  }
4820
4880
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
4821
4881
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_gray h2,
@@ -5840,6 +5900,11 @@ a:hover {
5840
5900
  padding: 0 var(--spacing-5xl);
5841
5901
  width: 50%;
5842
5902
  }
5903
+ .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_content {
5904
+ display: flex;
5905
+ flex-direction: column;
5906
+ gap: var(--spacing-sm);
5907
+ }
5843
5908
  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
5844
5909
  color: var(--custom-color, var(--color-black));
5845
5910
  margin-bottom: var(--spacing-md);
@@ -5900,6 +5965,7 @@ a:hover {
5900
5965
  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_ctaWrapper {
5901
5966
  display: grid;
5902
5967
  gap: var(--spacing-sm);
5968
+ padding: 0 var(--spacing-lg);
5903
5969
  }
5904
5970
  }
5905
5971