27 lines
1.1 KiB
Markdown
27 lines
1.1 KiB
Markdown
|
- 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`.
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
/* 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.
|