@maboussoleaidant/design-system 0.1.28 → 0.1.30

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.
@@ -2966,6 +2966,12 @@ button.mba-input-icon__icon:hover {
2966
2966
  box-sizing: border-box;
2967
2967
  }
2968
2968
 
2969
+ .mba-header--sticky {
2970
+ position: sticky;
2971
+ top: 0;
2972
+ z-index: 100;
2973
+ }
2974
+
2969
2975
  .mba-header__container {
2970
2976
  display: flex;
2971
2977
  align-items: center;
@@ -3782,6 +3788,18 @@ button.mba-input-icon__icon:hover {
3782
3788
  background-color: var(--mba-color-white);
3783
3789
  }
3784
3790
 
3791
+ .mba-section--bleuet {
3792
+ background-color: var(--mba-color-pastel-bleuet);
3793
+ }
3794
+
3795
+ .mba-section--narcisse {
3796
+ background-color: var(--mba-color-pastel-narcisse);
3797
+ }
3798
+
3799
+ .mba-section--oranger {
3800
+ background-color: var(--mba-color-pastel-oranger);
3801
+ }
3802
+
3785
3803
  /* ===========================================
3786
3804
  WAVE TOP (::before)
3787
3805
  =========================================== */
@@ -3864,6 +3882,21 @@ button.mba-input-icon__icon:hover {
3864
3882
  background-color: var(--mba-color-primary-50);
3865
3883
  }
3866
3884
 
3885
+ .mba-section--wave-bleuet::before,
3886
+ .mba-section--wave-bleuet::after {
3887
+ background-color: var(--mba-color-pastel-bleuet);
3888
+ }
3889
+
3890
+ .mba-section--wave-narcisse::before,
3891
+ .mba-section--wave-narcisse::after {
3892
+ background-color: var(--mba-color-pastel-narcisse);
3893
+ }
3894
+
3895
+ .mba-section--wave-oranger::before,
3896
+ .mba-section--wave-oranger::after {
3897
+ background-color: var(--mba-color-pastel-oranger);
3898
+ }
3899
+
3867
3900
  }
3868
3901
 
3869
3902
  /* end @layer components */