Initial commit
This commit is contained in:
88
themes/default/assets/css/reset.css
Normal file
88
themes/default/assets/css/reset.css
Normal file
@@ -0,0 +1,88 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user