BeAPI / beapi-frontend-framework

WordPress friendly Front-End framework.
https://beapi.fr
68 stars 17 forks source link

BFF breakpoints VS Gutenberg breakpoints #359

Open MarieComet opened 1 year ago

MarieComet commented 1 year ago

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 ?

Rahe commented 1 year ago

C'est personnalisable dans gut ?

MarieComet commented 1 year ago

Ce n'est pas personnalisable dans l'admin ni dans le code (variables SASS, lien dans l'issue)

firestar300 commented 1 year ago

Je serais d'avis à uniformiser mais parfois on a des contraintes maquettes externes qui nous imposent des breakpoints spécifiques (Infopro Digital, Kiloutou...)

Rahe commented 1 year ago

Est-ce qu'il ya une liaison avec le "contentSize" et "wideSize" du theme.json ? (vu qu'ils sont personnalisables)

MarieComet commented 1 year ago

Non