cd91: theme 2022 (#71536) #76
Loading…
Reference in New Issue
No description provided.
Delete Branch "wip/71536-cd91"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Thème inspiré de https://www.essonne.fr/, avec quelques divergences/choix (discutés avec Brice) :
Rendu
Desktop
Mobile
Simple et efficace.
Une remarque sur le visuel : je trouve qu'il n'y a pas beaucoup de contraste sur les chevrons et la bordure du haut dans la navigation.
Sur les variables scss qui ne sont pas utilisées, fais comme tu le sens : ça ne coute pas grand chose de les laisser pour utilisation ultérieure.
Pour le reste c'est surtout des questions sur des choses que je ne saisis pas.
@ -0,0 +13,4 @@
display: flex;
height: 6em;
flex-direction: row;
justify-content: space-between;
Je ne comprends pas l'utilité du space-between, puisqu'il n'y a qu'un élément dans div#top qui soit positionné (le logo, les toplinks étant en position:absolute)
Bien vu, c'était un reliqué d'une première version discutée avec Brice en visio. Je corrige.
Je viens de pousser un fixup, je peux te laisser relire @csechet ?
Pour le manque de contraste visuel, je suis d'accord. J'ai utilisé le bleu plus clair d'https://www.essonne.fr/ dans mon dernier fixup pour les chevrons (pour la bordure, je laisse le bleu sombre, avec le bleu clair, du coup ça jure avec le reste je trouve).
@ -0,0 +16,4 @@
justify-content: space-between;
align-items: center;
@media ($min-desktop-viewport) {
flex-direction: column-reverse;
Idem : quel intéret du column-reverse pour un seul élément.
(même réponse)
@ -0,0 +4,4 @@
$primary-color: $blue-dark;
$space-xsmall: 0.25em;
$space-xsmall & $space-xlarge ne sont pas utilisées.
Effectivement, mais je préfère laisser, ça n'alourdit pas le CSS généré et ça permet de garder une cohérence et une facilité de copier-coller d'un thème à l'autre.
@ -0,0 +20,4 @@
$fz-2: 24em / $base-font;
$fz-3: 21em / $base-font;
$fz-4: 18em / $base-font;
$fz-small: 14em / $base-font;
fz-small, fz-xsmall non utilisées.
(même réponse)
d64aae2740
to0d7fa9fd76