26 lines
1.1 KiB
Markdown
26 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.
|