gcch/haiku-atelier-2024
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ref: calcule dynamiquement la hauteur du pied de page dans une variable CSS

Browse source
This commit is contained in:
gcch 2025-06-23 21:28:33 +02:00
commit eb7e1ec69f
4 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/app/themes/haiku-atelier-2024/assets/css/main.css
View file

@ -60,7 +60,7 @@
/* Dimensions */
--en-tete-hauteur: 61px;
--menu-categories-produits-hauteur: calc(var(--espace-m) * 2 + 1rlh);
--pied-de-page-hauteur: 90.55px;
--pied-de-page-hauteur: calc(0.8rem * 1.5 * 3 + var(--espace-m) * 2);
--contenu-page-hauteur-minimale-sans-categories: calc(
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)
);

2
web/app/themes/haiku-atelier-2024/assets/css/main.css.map
View file

File diff suppressed because one or more lines are too long

2
web/app/themes/haiku-atelier-2024/assets/css/main.min.css vendored
View file

File diff suppressed because one or more lines are too long

4
web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss
View file

@ -33,7 +33,9 @@
/* Dimensions */
--en-tete-hauteur: 61px;
--menu-categories-produits-hauteur: calc(var(--espace-m) * 2 + 1rlh);
--pied-de-page-hauteur: 90.55px;
// 3 lignes * taille de la police + marges internes verticales
--pied-de-page-hauteur: calc(0.8rem * 1.5 * 3 + var(--espace-m) * 2);
--contenu-page-hauteur-minimale-sans-categories: calc(
100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur)
);