beapi-frontend-framework
beapi-frontend-framework copied to clipboard
BeAPI
BFF breakpoints VS Gutenberg breakpoints
Les breakpoints BFF sont les suivants :
xs: 600,
sm: 768,
admin-bar: 784,
smd: 900,
md: 1200,
lg: 1440,
xlg: $container-wide + 160px
Les breakpoints Gutenberg sont les suivants :
$break-huge: 1440px;
$break-wide: 1280px;
$break-xlarge: 1080px;
$break-large: 960px; // admin sidebar auto folds
$break-medium: 782px; // adminbar goes big
$break-small: 600px;
$break-mobile: 480px;
$break-zoomed-in: 280px;
Cela pose problème pour matcher le CSS responsive, par exemple pour le bloc colonnes. Quid d'une uniformisation de BFF par rapport à Gut ?
Ce n'est pas personnalisable dans l'admin ni dans le code (variables SASS, lien dans l'issue)
Je serais d'avis à uniformiser mais parfois on a des contraintes maquettes externes qui nous imposent des breakpoints spécifiques (Infopro Digital, Kiloutou...)
Est-ce qu'il ya une liaison avec le "contentSize" et "wideSize" du theme.json ? (vu qu'ils sont personnalisables)
