Produits Entr'ouvert » Intégrations graphiques Publik

/* @media screen and ($max-mobile-viewport) { */
/*     div#nav, .site-header { */
/*         text-align: left; */
/*         position: static; */
/*         width: auto; */
/*         padding-right: 0; */
/*         border-bottom: 0; */
...

Si ça doit être supprimé, que ça soit supprimé.

_~~

Ça n'aurait pas dû être proposé, puis ça n'aurait pas du passer notre validation, mais le texte blanc sur fond cyan (exemple le bouton "suivant"), il manque de contraste, 2,22:1, il faudrait 3:1.

peut supprimer les extend implicites :

%button {
-    @extend %button;

%cell-links-list {
-    @extend %cell-links-list;

Links list
(avis perso) La couleur du hover des liens pose des problèmes de contraste

Toplinks
Pour supprimer le style "classic" des toplinks, tu peux maintenant utilisé la var `$toplinks-style: none;`
Ça t'évite quelques lignes de code CSS

#toplinks {
    top: 7px;
-    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
-    box-shadow: none;
-    border: none;
-    border-radius: 0;
-    background: transparent;
-    padding-right: 0;
    right: 1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;

Main nav

• z-index de la nav mobile risque d'être insuffisant dans certains cas. voir nav en mode $left-to-right par laquelle je suis monté à 2001 pour la btn et 2002 pour la ul.
• C'est assez étrange d'avoir la nav fixed mais pas le bouton. Il suffit de scroller un peu pour voir la croix de fermeture disparaitre. Peut être troublant.

Formulaires

• (avis perso) la bordure des hover des inputs en rouge. Ça fait input en erreur. Mauvaise idée.
• (à essayer) ton cancel button est déjà codé dans le core, il correspond à %inverted-button :

+ $cancel-button-style: '%inverted-button';

// Parce que tu as surchargé %button, alors il faut hérité aussi de cette surcharge (un truc relou je trouve).
+ %inverted-button {
+    @extend %button;
+ }
// Ou alors plus élégant (de mon point de vue)
- %button {
+ %button, %inverted-button {
    text-transform: uppercase;
    …

- %cancel-button {
-    background: $primary-color;
-    border: 2px solid $primary-color;
-    color: white;
-    &:hover {
-        background: white;
-        color: $primary-color;
-    }
- }

Automatic expiration