@maboussoleaidant/design-system 0.1.30 → 0.1.32
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.
|
@@ -2958,6 +2958,7 @@ button.mba-input-icon__icon:hover {
|
|
|
2958
2958
|
HEADER BASE
|
|
2959
2959
|
=========================================== */
|
|
2960
2960
|
.mba-header {
|
|
2961
|
+
--mba-header-height: 64px;
|
|
2961
2962
|
background-color: var(--mba-color-white);
|
|
2962
2963
|
border-radius: 0 0 var(--mba-radius-md) var(--mba-radius-md);
|
|
2963
2964
|
box-shadow: var(--mba-shadow-xs);
|
|
@@ -2972,6 +2973,18 @@ button.mba-input-icon__icon:hover {
|
|
|
2972
2973
|
z-index: 100;
|
|
2973
2974
|
}
|
|
2974
2975
|
|
|
2976
|
+
.mba-header--fixed {
|
|
2977
|
+
position: fixed;
|
|
2978
|
+
top: 0;
|
|
2979
|
+
z-index: 100;
|
|
2980
|
+
}
|
|
2981
|
+
|
|
2982
|
+
.mba-header--transparent {
|
|
2983
|
+
background-color: transparent;
|
|
2984
|
+
box-shadow: none;
|
|
2985
|
+
border-radius: 0;
|
|
2986
|
+
}
|
|
2987
|
+
|
|
2975
2988
|
.mba-header__container {
|
|
2976
2989
|
display: flex;
|
|
2977
2990
|
align-items: center;
|
|
@@ -3743,6 +3756,10 @@ button.mba-input-icon__icon:hover {
|
|
|
3743
3756
|
padding: var(--mba-space-xxl) var(--mba-space-sm);
|
|
3744
3757
|
}
|
|
3745
3758
|
|
|
3759
|
+
.mba-section--after-header .mba-section__content {
|
|
3760
|
+
padding-top: calc(var(--mba-header-height, 64px) + var(--mba-space-xxl));
|
|
3761
|
+
}
|
|
3762
|
+
|
|
3746
3763
|
/* ===========================================
|
|
3747
3764
|
WAVE INSET (opt-in)
|
|
3748
3765
|
Ajoute du padding pour que le contenu commence après la wave
|