88 lines
1.2 KiB
CSS
88 lines
1.2 KiB
CSS
/* 1. Box-sizing plus intuitif */
|
||
*,
|
||
*::before,
|
||
*::after {
|
||
box-sizing: border-box;
|
||
line-height: 150%;
|
||
}
|
||
|
||
html {
|
||
margin: 0;
|
||
padding: 0;
|
||
height: auto;
|
||
}
|
||
|
||
/* 2. Supprime les marges par défaut */
|
||
body,
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6,
|
||
p,
|
||
figure,
|
||
blockquote,
|
||
dl,
|
||
dd {
|
||
margin: 0;
|
||
}
|
||
|
||
/* 3. Empêche les textes trop larges */
|
||
body {
|
||
max-width: 100vw;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
/* 5. Uniformise la gestion des images */
|
||
img,
|
||
picture,
|
||
video,
|
||
canvas,
|
||
svg {
|
||
display: block;
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
/* 6. Supprime l’héritage des polices dans les inputs et boutons */
|
||
input,
|
||
button,
|
||
textarea,
|
||
select {
|
||
font: inherit;
|
||
}
|
||
|
||
/* 7. Évite l'effet "saut de style" lors du chargement des polices */
|
||
html {
|
||
font-size: 125%;
|
||
-webkit-text-size-adjust: 100%;
|
||
}
|
||
|
||
/* 8. Curseur "pointer" par défaut sur les boutons */
|
||
button,
|
||
details,
|
||
summary {
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* 9. Supprime l'effet de contour bleu flashy de Chrome mais garde l'accessibilité */
|
||
a,
|
||
button {
|
||
outline-offset: 2px;
|
||
}
|
||
|
||
p {
|
||
text-align: justify;
|
||
}
|
||
|
||
p+p {
|
||
margin-top: .75rem;
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
* {
|
||
transition: none !important;
|
||
animation: none !important;
|
||
}
|
||
} |