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

View file

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

View file

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