Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BFF breakpoints VS Gutenberg breakpoints #359

Open
MarieComet opened this issue Jul 4, 2023 · 5 comments
Open

BFF breakpoints VS Gutenberg breakpoints #359

MarieComet opened this issue Jul 4, 2023 · 5 comments

Comments

@MarieComet
Copy link
Contributor

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
Copy link
Member

Rahe commented Jul 4, 2023

C'est personnalisable dans gut ?

@MarieComet
Copy link
Contributor Author

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

@firestar300
Copy link
Contributor

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

@Rahe
Copy link
Member

Rahe commented Jul 4, 2023

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

@MarieComet
Copy link
Contributor Author

Non

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants