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