/**
 * des classes d'espacement correspondantes au preset du theme
 **/
.gap-sm{
    gap: var(--wp--preset--spacing--sm);
}
.gap-md{
    gap: var(--wp--preset--spacing--md);
}
.gap-lg{
    gap: var(--wp--preset--spacing--lg);
}
.gap-xl{
    gap: var(--wp--preset--spacing--xl);
}
.gap-xxl{
    gap: var(--wp--preset--spacing--xxl);
}



/* margin and padding */
.m-sm { margin: var(--wp--preset--spacing--sm); }
.mt-sm { margin-top: var(--wp--preset--spacing--sm); }
.mb-sm { margin-bottom: var(--wp--preset--spacing--sm); }
.ml-sm { margin-left: var(--wp--preset--spacing--sm); }
.mr-sm { margin-right: var(--wp--preset--spacing--sm); }
.p-sm { padding: var(--wp--preset--spacing--sm); }
.pt-sm { padding-top: var(--wp--preset--spacing--sm); }
.pb-sm { padding-bottom: var(--wp--preset--spacing--sm); }
.pl-sm { padding-left: var(--wp--preset--spacing--sm); }
.pr-sm { padding-right: var(--wp--preset--spacing--sm); }

.m-md { margin: var(--wp--preset--spacing--md); }
.mt-md { margin-top: var(--wp--preset--spacing--md); }
.mb-md { margin-bottom: var(--wp--preset--spacing--md); }
.ml-md { margin-left: var(--wp--preset--spacing--md); }
.mr-md { margin-right: var(--wp--preset--spacing--md); }
.p-md { padding: var(--wp--preset--spacing--md); }
.pt-md { padding-top: var(--wp--preset--spacing--md); }
.pb-md { padding-bottom: var(--wp--preset--spacing--md); }
.pl-md { padding-left: var(--wp--preset--spacing--md); }
.pr-md { padding-right: var(--wp--preset--spacing--md); }

.m-lg { margin: var(--wp--preset--spacing--lg); }
.mt-lg { margin-top: var(--wp--preset--spacing--lg); }
.mb-lg { margin-bottom: var(--wp--preset--spacing--lg); }
.ml-lg { margin-left: var(--wp--preset--spacing--lg); }
.mr-lg { margin-right: var(--wp--preset--spacing--lg); }
.p-lg { padding: var(--wp--preset--spacing--lg); }
.pt-lg { padding-top: var(--wp--preset--spacing--lg); }
.pb-lg { padding-bottom: var(--wp--preset--spacing--lg); }
.pl-lg { padding-left: var(--wp--preset--spacing--lg); }
.pr-lg { padding-right: var(--wp--preset--spacing--lg); }

.m-xl { margin: var(--wp--preset--spacing--xl); }
.mt-xl { margin-top: var(--wp--preset--spacing--xl); }
.mb-xl { margin-bottom: var(--wp--preset--spacing--xl); }
.ml-xl { margin-left: var(--wp--preset--spacing--xl); }
.mr-xl { margin-right: var(--wp--preset--spacing--xl); }
.p-xl { padding: var(--wp--preset--spacing--xl); }
.pt-xl { padding-top: var(--wp--preset--spacing--xl); }
.pb-xl { padding-bottom: var(--wp--preset--spacing--xl); }
.pl-xl { padding-left: var(--wp--preset--spacing--xl); }
.pr-xl { padding-right: var(--wp--preset--spacing--xl); }

.m-xxl { margin: var(--wp--preset--spacing--xxl); }
.mt-xxl { margin-top: var(--wp--preset--spacing--xxl); }
.mb-xxl { margin-bottom: var(--wp--preset--spacing--xxl); }
.ml-xxl { margin-left: var(--wp--preset--spacing--xxl); }
.mr-xxl { margin-right: var(--wp--preset--spacing--xxl); }
.p-xxl { padding: var(--wp--preset--spacing--xxl); }
.pt-xxl { padding-top: var(--wp--preset--spacing--xxl); }
.pb-xxl { padding-bottom: var(--wp--preset--spacing--xxl); }
.pl-xxl { padding-left: var(--wp--preset--spacing--xxl); }
.pr-xxl { padding-right: var(--wp--preset--spacing--xxl); }