hic-et-nunc/assets/feedback/feedback.md

• refactoring dans des fichiers séparés (home, index…)
• certains sélecteurs mal nommés : ex. #slideshow correspond à quoi ? Je vois qu’il y a .project-slideshow donc j’imagine que c’est celui de la home mais pas évident. Solution : [data-template="home"] #slideshow ou bien #home-slideshow.

/* PROJECT SLIDESHOW */

.project-slideshow {
    position: fixed;
    right: 0;
    top: 0;
    /*! width: calc(50vw - var(--body-margin)); */
    height: fit-content;
    z-index: 0;
    overflow: hidden;
    box-sizing: border-box;
    margin: var(--body-margin) var(--body-margin) var(--body-margin) 0;
    left: calc(var(--index-width) + var(--body-margin));
    text-align: right;
}

button {
    background-color: transparent;
}

--> Dans une section PROJECT SLIDESHOW je tombe sur un élément html stylisé directement. Je comprends qu'un background-color: transparent;peut s'appliquer partout mais ce n'est pas du style spécifique. J'ai l'habitude de faire un fichier _global.scss dans lequel je stylise les balises HTML non-identifiées / classées.