fix(css) corrige de petits soucis CSS

This commit is contained in:
gcch 2024-10-29 18:09:58 +01:00
commit 53fb8bbada
7 changed files with 20 additions and 23 deletions

View file

@ -141,18 +141,15 @@ button, input, select, textarea {
* 3. Rendu plus précis du texte.
*/
html {
-webkit-font-smoothing: antialiased; /* 2 */
text-size-adjust: none; /* 2 */
text-rendering: geometricprecision; /* 3 */
}
body {
font: 1rem/var(--hauteur-ligne-classique) Lato;
font-optical-sizing: auto;
font-kerning: normal;
font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;
-webkit-font-smoothing: antialiased; /* 2 */
color: var(--couleur-noir);
text-decoration-skip-ink: auto;
text-size-adjust: none; /* 2 */
text-rendering: geometricprecision; /* 3 */
letter-spacing: var(--espacement-inter-lettres-etendu-s);
}
@ -171,6 +168,7 @@ em {
button {
all: initial;
cursor: pointer;
font-family: Lato;
text-align: center;
letter-spacing: inherit;
}
@ -454,7 +452,6 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
max-width: 100vw;
height: var(--en-tete-hauteur);
padding: var(--en-tete-marges-internes-bloc) var(--en-tete-marges-internes-ligne);
font-size: 1.1rem;
background: var(--couleur-gris);
border-bottom: 1px solid var(--couleur-noir);
/* TODO: Déplacer au sein d'un Composant ? */
@ -473,6 +470,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
display: grid;
grid-template-columns: 1fr auto 1fr;
flex: 1;
font-size: 1.1rem;
text-align: center;
text-transform: lowercase;
/*
@ -538,6 +536,7 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
}
#en-tete .compte-panier a {
min-width: 10ch; /* 1 */
font-size: 1.1rem;
text-transform: lowercase;
}
#en-tete .compte-panier a.lien-compte {

File diff suppressed because one or more lines are too long

View file

@ -107,18 +107,15 @@ button, input, select, textarea {
}
html {
-webkit-font-smoothing: antialiased;
text-size-adjust: none;
text-rendering: geometricprecision;
}
body {
font: 1rem / var(--hauteur-ligne-classique) Lato;
font-optical-sizing: auto;
font-kerning: normal;
font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;
-webkit-font-smoothing: antialiased;
color: var(--couleur-noir);
text-decoration-skip-ink: auto;
text-size-adjust: none;
text-rendering: geometricprecision;
letter-spacing: var(--espacement-inter-lettres-etendu-s);
}
@ -135,6 +132,7 @@ button {
cursor: pointer;
text-align: center;
letter-spacing: inherit;
font-family: Lato;
}
button.bouton-case-pleine {
@ -405,7 +403,6 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
place-items: center;
min-width: 100vw;
max-width: 100vw;
font-size: 1.1rem;
display: flex;
position: fixed;
top: 0;
@ -429,6 +426,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
text-transform: lowercase;
flex: 1;
grid-template-columns: 1fr auto 1fr;
font-size: 1.1rem;
display: grid;
}
@ -490,6 +488,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
#en-tete .compte-panier a {
text-transform: lowercase;
min-width: 10ch;
font-size: 1.1rem;
}
#en-tete .compte-panier a.lien-compte {

File diff suppressed because one or more lines are too long

View file

@ -5,19 +5,16 @@
* 3. Rendu plus précis du texte.
*/
html {
-webkit-font-smoothing: antialiased; /* 2 */
text-size-adjust: none; /* 2 */
text-rendering: geometricprecision; /* 3 */
}
body {
font: 1rem/var(--hauteur-ligne-classique) Lato;
font-optical-sizing: auto;
font-kerning: normal;
font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures
contextual;
-webkit-font-smoothing: antialiased; /* 2 */
color: var(--couleur-noir);
text-decoration-skip-ink: auto;
text-size-adjust: none; /* 2 */
text-rendering: geometricprecision; /* 3 */
letter-spacing: var(--espacement-inter-lettres-etendu-s);
}

View file

@ -6,6 +6,7 @@
button {
all: initial;
cursor: pointer;
font-family: Lato;
text-align: center;
letter-spacing: inherit;

View file

@ -22,7 +22,6 @@
max-width: 100vw;
height: var(--en-tete-hauteur);
padding: var(--en-tete-marges-internes-bloc) var(--en-tete-marges-internes-ligne);
font-size: 1.1rem;
background: var(--couleur-gris);
border-bottom: 1px solid var(--couleur-noir);
@ -44,6 +43,7 @@
display: grid;
grid-template-columns: 1fr auto 1fr;
flex: 1;
font-size: 1.1rem;
text-align: center;
text-transform: lowercase;
@ -124,6 +124,7 @@
*/
a {
min-width: 10ch; /* 1 */
font-size: 1.1rem;
text-transform: lowercase;
&.lien-compte {