@maboussoleaidant/design-system 0.1.29 → 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);
|
|
@@ -2966,6 +2967,21 @@ button.mba-input-icon__icon:hover {
|
|
|
2966
2967
|
box-sizing: border-box;
|
|
2967
2968
|
}
|
|
2968
2969
|
|
|
2970
|
+
.mba-header--sticky {
|
|
2971
|
+
position: sticky;
|
|
2972
|
+
top: 0;
|
|
2973
|
+
z-index: 100;
|
|
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
|
+
|
|
2969
2985
|
.mba-header__container {
|
|
2970
2986
|
display: flex;
|
|
2971
2987
|
align-items: center;
|
|
@@ -3737,6 +3753,10 @@ button.mba-input-icon__icon:hover {
|
|
|
3737
3753
|
padding: var(--mba-space-xxl) var(--mba-space-sm);
|
|
3738
3754
|
}
|
|
3739
3755
|
|
|
3756
|
+
.mba-section--after-header .mba-section__content {
|
|
3757
|
+
padding-top: calc(var(--mba-header-height, 64px) + var(--mba-space-xxl));
|
|
3758
|
+
}
|
|
3759
|
+
|
|
3740
3760
|
/* ===========================================
|
|
3741
3761
|
WAVE INSET (opt-in)
|
|
3742
3762
|
Ajoute du padding pour que le contenu commence après la wave
|