fix(css) corrige de petits soucis CSS
This commit is contained in:
parent
ea5f5eda77
commit
53fb8bbada
7 changed files with 20 additions and 23 deletions
|
|
@ -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
|
|
@ -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
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue