corvée(formatage) formate
This commit is contained in:
parent
e6e4203129
commit
67f96263df
5 changed files with 55 additions and 177 deletions
|
|
@ -4,66 +4,16 @@
|
||||||
font-weight: 100 900;
|
font-weight: 100 900;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
src:
|
src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2") format(woff2) tech(variations), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2") format("woff2-variations"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.ttf") format("truetype");
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2")
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
format(woff2) tech(variations),
|
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2")
|
|
||||||
format("woff2-variations"),
|
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2")
|
|
||||||
format("woff2"),
|
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.ttf")
|
|
||||||
format("truetype");
|
|
||||||
unicode-range:
|
|
||||||
U+0000-00FF,
|
|
||||||
U+0131,
|
|
||||||
U+0152-0153,
|
|
||||||
U+02BB-02BC,
|
|
||||||
U+02C6,
|
|
||||||
U+02DA,
|
|
||||||
U+02DC,
|
|
||||||
U+2000-206F,
|
|
||||||
U+2074,
|
|
||||||
U+20AC,
|
|
||||||
U+2122,
|
|
||||||
U+2191,
|
|
||||||
U+2193,
|
|
||||||
U+2212,
|
|
||||||
U+2215,
|
|
||||||
U+FEFF,
|
|
||||||
U+FFFD;
|
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: Lato;
|
font-family: Lato;
|
||||||
font-weight: 100 900;
|
font-weight: 100 900;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
src:
|
src: url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2") format(woff2) tech(variations), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2") format("woff2-variations"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.ttf") format("truetype");
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2")
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
format(woff2) tech(variations),
|
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2")
|
|
||||||
format("woff2-variations"),
|
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2")
|
|
||||||
format("woff2"),
|
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.ttf")
|
|
||||||
format("truetype");
|
|
||||||
unicode-range:
|
|
||||||
U+0000-00FF,
|
|
||||||
U+0131,
|
|
||||||
U+0152-0153,
|
|
||||||
U+02BB-02BC,
|
|
||||||
U+02C6,
|
|
||||||
U+02DA,
|
|
||||||
U+02DC,
|
|
||||||
U+2000-206F,
|
|
||||||
U+2074,
|
|
||||||
U+20AC,
|
|
||||||
U+2122,
|
|
||||||
U+2191,
|
|
||||||
U+2193,
|
|
||||||
U+2212,
|
|
||||||
U+2215,
|
|
||||||
U+FEFF,
|
|
||||||
U+FFFD;
|
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: Myriad;
|
font-family: Myriad;
|
||||||
|
|
@ -71,10 +21,7 @@
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
font-stretch: 70% 110%;
|
font-stretch: 70% 110%;
|
||||||
src:
|
src: url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf") format("truetype");
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2") format("woff2"),
|
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf")
|
|
||||||
format("truetype");
|
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: Myriad;
|
font-family: Myriad;
|
||||||
|
|
@ -82,11 +29,7 @@
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
font-stretch: 70% 110%;
|
font-stretch: 70% 110%;
|
||||||
src:
|
src: url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2") format("woff2"), url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf") format("truetype");
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2")
|
|
||||||
format("woff2"),
|
|
||||||
url("/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf")
|
|
||||||
format("truetype");
|
|
||||||
}
|
}
|
||||||
:root {
|
:root {
|
||||||
/* Couleurs */
|
/* Couleurs */
|
||||||
|
|
@ -235,8 +178,7 @@ button, input, select, textarea {
|
||||||
html {
|
html {
|
||||||
font: 1rem/var(--hauteur-ligne-classique) Lato;
|
font: 1rem/var(--hauteur-ligne-classique) Lato;
|
||||||
font-optical-sizing: auto;
|
font-optical-sizing: auto;
|
||||||
font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures
|
font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;
|
||||||
contextual;
|
|
||||||
font-kerning: normal;
|
font-kerning: normal;
|
||||||
color: var(--couleur-noir);
|
color: var(--couleur-noir);
|
||||||
text-decoration-skip-ink: auto;
|
text-decoration-skip-ink: auto;
|
||||||
|
|
@ -418,12 +360,7 @@ input, select, textarea {
|
||||||
background: var(--couleur-gris);
|
background: var(--couleur-gris);
|
||||||
transition: 0.2s background;
|
transition: 0.2s background;
|
||||||
}
|
}
|
||||||
input:focus-visible,
|
input:focus-visible, input:focus-within, select:focus-visible, select:focus-within, textarea:focus-visible, textarea:focus-within {
|
||||||
input:focus-within,
|
|
||||||
select:focus-visible,
|
|
||||||
select:focus-within,
|
|
||||||
textarea:focus-visible,
|
|
||||||
textarea:focus-within {
|
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
outline: 2px dashed var(--couleur-noir);
|
outline: 2px dashed var(--couleur-noir);
|
||||||
}
|
}
|
||||||
|
|
@ -435,20 +372,20 @@ input:disabled, select:disabled, textarea:disabled {
|
||||||
outline-color: transparent;
|
outline-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
input:is([type="email"], [type="text"], [type="tel"])::placeholder, textarea::placeholder {
|
input:is([type=email], [type=text], [type=tel])::placeholder, textarea::placeholder {
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
letter-spacing: var(--espacement-inter-lettres-etendu-s);
|
letter-spacing: var(--espacement-inter-lettres-etendu-s);
|
||||||
}
|
}
|
||||||
input:is([type="email"], [type="text"], [type="tel"])::selection, textarea::selection {
|
input:is([type=email], [type=text], [type=tel])::selection, textarea::selection {
|
||||||
color: var(--couleur-blanc);
|
color: var(--couleur-blanc);
|
||||||
background: var(--couleur-noir);
|
background: var(--couleur-noir);
|
||||||
}
|
}
|
||||||
input:is([type="email"], [type="text"], [type="tel"]):user-valid, textarea:user-valid {
|
input:is([type=email], [type=text], [type=tel]):user-valid, textarea:user-valid {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--couleur-noir);
|
color: var(--couleur-noir);
|
||||||
background: var(--arriere-plan-points);
|
background: var(--arriere-plan-points);
|
||||||
}
|
}
|
||||||
input:is([type="email"], [type="text"], [type="tel"]):user-invalid, textarea:user-invalid {
|
input:is([type=email], [type=text], [type=tel]):user-invalid, textarea:user-invalid {
|
||||||
background: var(--couleur-gris);
|
background: var(--couleur-gris);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -456,7 +393,7 @@ input, label, select, textarea {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="checkbox"], input[type="radio"] {
|
input[type=checkbox], input[type=radio] {
|
||||||
width: var(--espace-l);
|
width: var(--espace-l);
|
||||||
height: var(--espace-l);
|
height: var(--espace-l);
|
||||||
padding: initial;
|
padding: initial;
|
||||||
|
|
@ -464,51 +401,49 @@ input[type="checkbox"], input[type="radio"] {
|
||||||
appearance: none;
|
appearance: none;
|
||||||
transition: 0.2s background;
|
transition: 0.2s background;
|
||||||
}
|
}
|
||||||
input[type="checkbox"]:checked, input[type="radio"]:checked {
|
input[type=checkbox]:checked, input[type=radio]:checked {
|
||||||
color: var(--couleur-noir);
|
color: var(--couleur-noir);
|
||||||
background: var(--arriere-plan-points);
|
background: var(--arriere-plan-points);
|
||||||
}
|
}
|
||||||
input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
|
input[type=checkbox]:checked::before, input[type=radio]:checked::before {
|
||||||
content: "x";
|
content: "x";
|
||||||
position: relative;
|
position: relative;
|
||||||
bottom: 0.1rem;
|
bottom: 0.1rem;
|
||||||
left: 0.35rem;
|
left: 0.35rem;
|
||||||
}
|
}
|
||||||
@media (hover: hover) {
|
@media (hover: hover) {
|
||||||
input[type="checkbox"]:checked:hover, input[type="radio"]:checked:hover {
|
input[type=checkbox]:checked:hover, input[type=radio]:checked:hover {
|
||||||
color: var(--couleur-noir);
|
color: var(--couleur-noir);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
input[type="checkbox"]:not(:checked):user-valid, input[type="radio"]:not(:checked):user-valid {
|
input[type=checkbox]:not(:checked):user-valid, input[type=radio]:not(:checked):user-valid {
|
||||||
background: initial;
|
background: initial;
|
||||||
}
|
}
|
||||||
input[type="checkbox"], input[type="radio"] {
|
input[type=checkbox], input[type=radio] {
|
||||||
/*
|
/*
|
||||||
* 1. Pour un alignement parfait du label avec la case à cocher.
|
* 1. Pour un alignement parfait du label avec la case à cocher.
|
||||||
*/
|
*/
|
||||||
}
|
}
|
||||||
label:has(~ input[type="checkbox"], ~ input[type="radio"]),
|
label:has(~ input[type=checkbox], ~ input[type=radio]), input[type=checkbox] + label, input[type=radio] + label {
|
||||||
input[type="checkbox"] + label,
|
|
||||||
input[type="radio"] + label {
|
|
||||||
padding-top: 1px; /* 1 */
|
padding-top: 1px; /* 1 */
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
}
|
}
|
||||||
@media (hover: hover) {
|
@media (hover: hover) {
|
||||||
input[type="checkbox"]:hover, input[type="radio"]:hover {
|
input[type=checkbox]:hover, input[type=radio]:hover {
|
||||||
background: var(--arriere-plan-points);
|
background: var(--arriere-plan-points);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="radio"] {
|
input[type=radio] {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
appearance: initial;
|
appearance: initial;
|
||||||
}
|
}
|
||||||
input[type="radio"]:checked {
|
input[type=radio]:checked {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
place-content: center;
|
place-content: center;
|
||||||
place-items: center;
|
place-items: center;
|
||||||
}
|
}
|
||||||
input[type="radio"]:checked::before {
|
input[type=radio]:checked::before {
|
||||||
content: " ";
|
content: " ";
|
||||||
inset: initial;
|
inset: initial;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -550,14 +485,7 @@ a {
|
||||||
text-decoration: underline; /* 1 */
|
text-decoration: underline; /* 1 */
|
||||||
text-decoration-color: transparent; /* 1 */
|
text-decoration-color: transparent; /* 1 */
|
||||||
text-decoration-skip-ink: auto; /* 1 */
|
text-decoration-skip-ink: auto; /* 1 */
|
||||||
transition:
|
transition: 0.2s background, 0.2s border-color, 0.2s color, 0.2s font-weight, 0.2s outline-color, 0.2s letter-spacing, 0.2s text-decoration-color; /* 3 */
|
||||||
0.2s background,
|
|
||||||
0.2s border-color,
|
|
||||||
0.2s color,
|
|
||||||
0.2s font-weight,
|
|
||||||
0.2s outline-color,
|
|
||||||
0.2s letter-spacing,
|
|
||||||
0.2s text-decoration-color; /* 3 */
|
|
||||||
text-decoration-skip: edges; /* 1 */
|
text-decoration-skip: edges; /* 1 */
|
||||||
/* Change les couleurs de l'arrière-plan et du contour pour marquer le focus. */
|
/* Change les couleurs de l'arrière-plan et du contour pour marquer le focus. */
|
||||||
}
|
}
|
||||||
|
|
@ -643,9 +571,7 @@ ul.avec-puce-cercle {
|
||||||
}
|
}
|
||||||
ul.avec-puce-cercle a {
|
ul.avec-puce-cercle a {
|
||||||
padding-left: var(--liste-puce-cercle-lien-marges-internes-ligne-debut); /* 1 */
|
padding-left: var(--liste-puce-cercle-lien-marges-internes-ligne-debut); /* 1 */
|
||||||
background: no-repeat var(--liste-puce-cercle-puce-position-horizontale) center/var(
|
background: no-repeat var(--liste-puce-cercle-puce-position-horizontale) center/var(--liste-puce-cercle-puce-taille) url("/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg"); /* 2 */
|
||||||
--liste-puce-cercle-puce-taille
|
|
||||||
) url("/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg"); /* 2 */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
video {
|
video {
|
||||||
|
|
@ -701,7 +627,7 @@ video {
|
||||||
transform: translateX(-100%);
|
transform: translateX(-100%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
body:has(#menu-mobile:not([aria-hidden="true"])) {
|
body:has(#menu-mobile:not([aria-hidden=true])) {
|
||||||
touch-action: none;
|
touch-action: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
@ -721,11 +647,11 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
transition: display 400ms allow-discrete;
|
transition: display 400ms allow-discrete;
|
||||||
-webkit-overflow-scrolling: none;
|
-webkit-overflow-scrolling: none;
|
||||||
}
|
}
|
||||||
#menu-mobile[aria-hidden="true"] {
|
#menu-mobile[aria-hidden=true] {
|
||||||
display: none;
|
display: none;
|
||||||
animation: fade-out 400ms both;
|
animation: fade-out 400ms both;
|
||||||
}
|
}
|
||||||
#menu-mobile[aria-hidden="true"] .menu-modale__fond {
|
#menu-mobile[aria-hidden=true] .menu-modale__fond {
|
||||||
animation: fade-out 400ms both;
|
animation: fade-out 400ms both;
|
||||||
}
|
}
|
||||||
#menu-mobile .menu-modale__fond {
|
#menu-mobile .menu-modale__fond {
|
||||||
|
|
@ -858,13 +784,11 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
/* Dispositions */
|
/* Dispositions */
|
||||||
--liste-puce-cercle-puce-position-horizontale: 3.5ch; /* 3 */
|
--liste-puce-cercle-puce-position-horizontale: 3.5ch; /* 3 */
|
||||||
}
|
}
|
||||||
#en-tete .menu-navigation__entree:has(a[aria-current="page"]) {
|
#en-tete .menu-navigation__entree:has(a[aria-current=page]) {
|
||||||
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg")
|
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") bottom/auto 90% no-repeat;
|
||||||
bottom/auto 90% no-repeat;
|
|
||||||
}
|
}
|
||||||
#en-tete .menu-navigation__entree--courante {
|
#en-tete .menu-navigation__entree--courante {
|
||||||
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg")
|
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") bottom/auto 90% no-repeat;
|
||||||
bottom/auto 90% no-repeat;
|
|
||||||
}
|
}
|
||||||
#en-tete .menu-navigation__entree a {
|
#en-tete .menu-navigation__entree a {
|
||||||
display: inline-block; /* 1 */
|
display: inline-block; /* 1 */
|
||||||
|
|
@ -873,8 +797,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
}
|
}
|
||||||
@media (hover: hover) {
|
@media (hover: hover) {
|
||||||
#en-tete .menu-navigation__entree:hover {
|
#en-tete .menu-navigation__entree:hover {
|
||||||
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg")
|
background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") bottom/auto 90% no-repeat;
|
||||||
bottom/auto 90% no-repeat;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (width <= 1000px) {
|
@media (width <= 1000px) {
|
||||||
|
|
@ -895,9 +818,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
#en-tete .compte-panier[disabled] {
|
#en-tete .compte-panier[disabled] {
|
||||||
background: var(--arriere-plan-points);
|
background: var(--arriere-plan-points);
|
||||||
}
|
}
|
||||||
#en-tete .compte-panier[disabled] a:hover,
|
#en-tete .compte-panier[disabled] a:hover, #en-tete .compte-panier[disabled] a:active, #en-tete .compte-panier[disabled] a:focus-within {
|
||||||
#en-tete .compte-panier[disabled] a:active,
|
|
||||||
#en-tete .compte-panier[disabled] a:focus-within {
|
|
||||||
border: 1px solid var(--couleur-noir);
|
border: 1px solid var(--couleur-noir);
|
||||||
}
|
}
|
||||||
#en-tete .compte-panier a {
|
#en-tete .compte-panier a {
|
||||||
|
|
@ -906,7 +827,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
#en-tete .compte-panier a[data-contient-articles="true"] {
|
#en-tete .compte-panier a[data-contient-articles=true] {
|
||||||
background: var(--couleur-gris-fond);
|
background: var(--couleur-gris-fond);
|
||||||
}
|
}
|
||||||
#en-tete .compte-panier a:hover, #en-tete .compte-panier a:focus-within {
|
#en-tete .compte-panier a:hover, #en-tete .compte-panier a:focus-within {
|
||||||
|
|
@ -998,8 +919,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
}
|
}
|
||||||
#menu-categories-produits ul {
|
#menu-categories-produits ul {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns:
|
grid-template-columns: repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr)); /* 1 */
|
||||||
repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr)); /* 1 */
|
|
||||||
gap: 1px;
|
gap: 1px;
|
||||||
place-items: center;
|
place-items: center;
|
||||||
}
|
}
|
||||||
|
|
@ -1107,9 +1027,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
top: var(--colonne-gauche-position-haut);
|
top: var(--colonne-gauche-position-haut);
|
||||||
height: var(--colonne-gauche-photo-hauteur);
|
height: var(--colonne-gauche-photo-hauteur);
|
||||||
}
|
}
|
||||||
.photos-produit .colonne.colonne-gauche figure,
|
.photos-produit .colonne.colonne-gauche figure, .photos-produit .colonne.colonne-gauche picture, .photos-produit .colonne.colonne-gauche img {
|
||||||
.photos-produit .colonne.colonne-gauche picture,
|
|
||||||
.photos-produit .colonne.colonne-gauche img {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.photos-produit .colonne.colonne-droite img {
|
.photos-produit .colonne.colonne-droite img {
|
||||||
|
|
@ -1184,8 +1102,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
--carte-produit-longueur-maximale: 1000px;
|
--carte-produit-longueur-maximale: 1000px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-auto-rows: 1fr;
|
grid-auto-rows: 1fr;
|
||||||
grid-template-columns:
|
grid-template-columns: repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr)); /* 1 */
|
||||||
repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr)); /* 1 */
|
|
||||||
gap: 1px; /* 2 */
|
gap: 1px; /* 2 */
|
||||||
min-height: var(--grille-produits-hauteur-minimale);
|
min-height: var(--grille-produits-hauteur-minimale);
|
||||||
}
|
}
|
||||||
|
|
@ -1427,9 +1344,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
.details-produit__textes .section-textuelle:not(:last-of-type) {
|
.details-produit__textes .section-textuelle:not(:last-of-type) {
|
||||||
border-block-end: 1px solid var(--couleur-noir);
|
border-block-end: 1px solid var(--couleur-noir);
|
||||||
}
|
}
|
||||||
.details-produit__textes
|
.details-produit__textes .section-textuelle:has(button[aria-expanded=false]) .section-textuelle__contenu {
|
||||||
.section-textuelle:has(button[aria-expanded="false"])
|
|
||||||
.section-textuelle__contenu {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.details-produit__textes .section-textuelle h3 {
|
.details-produit__textes .section-textuelle h3 {
|
||||||
|
|
@ -1536,10 +1451,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
@media (hover: hover) {
|
@media (hover: hover) {
|
||||||
.produits-similaires
|
.produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol {
|
||||||
.grille-produits-similaires
|
|
||||||
article figure a:hover
|
|
||||||
.produit__illustration__survol {
|
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 100%;
|
opacity: 100%;
|
||||||
transition: 0.3s opacity, 0.3s visibility;
|
transition: 0.3s opacity, 0.3s visibility;
|
||||||
|
|
@ -1612,4 +1524,4 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* # sourceMappingURL=main.css.map */
|
/*# sourceMappingURL=main.css.map */
|
||||||
|
|
|
||||||
|
|
@ -41,13 +41,7 @@
|
||||||
margin: auto;
|
margin: auto;
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 100%;
|
opacity: 100%;
|
||||||
mask-image: linear-gradient(
|
mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
|
||||||
var(--mask-direction, to right),
|
|
||||||
hsla(0, 0%, 0%, 0),
|
|
||||||
hsl(0, 0%, 0%) 20%,
|
|
||||||
hsl(0, 0%, 0%) 80%,
|
|
||||||
hsla(0, 0%, 0%, 0)
|
|
||||||
);
|
|
||||||
transition: 1s opacity ease-in-out, 1s visibility ease-in-out;
|
transition: 1s opacity ease-in-out, 1s visibility ease-in-out;
|
||||||
}
|
}
|
||||||
#page-a-propos .storytelling__animation[hidden] {
|
#page-a-propos .storytelling__animation[hidden] {
|
||||||
|
|
@ -118,4 +112,4 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* # sourceMappingURL=page-a-propos.css.map */
|
/*# sourceMappingURL=page-a-propos.css.map */
|
||||||
|
|
|
||||||
|
|
@ -7,4 +7,4 @@
|
||||||
padding: var(--espace-xl) 0;
|
padding: var(--espace-xl) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* # sourceMappingURL=page-boutique.css.map */
|
/*# sourceMappingURL=page-boutique.css.map */
|
||||||
|
|
|
||||||
|
|
@ -74,7 +74,7 @@
|
||||||
* 2. Cache les flèches d'augmentation/diminution sur Chrome/Edge/Safari.
|
* 2. Cache les flèches d'augmentation/diminution sur Chrome/Edge/Safari.
|
||||||
*/
|
*/
|
||||||
}
|
}
|
||||||
#panneau-panier .panneau__grille-produits .detail-produit__actions input[type="number"] {
|
#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number] {
|
||||||
grid-column: 2;
|
grid-column: 2;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: initial;
|
border: initial;
|
||||||
|
|
@ -82,14 +82,7 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
appearance: textfield; /* 1 */
|
appearance: textfield; /* 1 */
|
||||||
}
|
}
|
||||||
#panneau-panier
|
#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-outer-spin-button, #panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-inner-spin-button {
|
||||||
.panneau__grille-produits
|
|
||||||
.detail-produit__actions
|
|
||||||
input[type="number"]::-webkit-outer-spin-button,
|
|
||||||
#panneau-panier
|
|
||||||
.panneau__grille-produits
|
|
||||||
.detail-produit__actions
|
|
||||||
input[type="number"]::-webkit-inner-spin-button {
|
|
||||||
margin: 0; /* 2 */
|
margin: 0; /* 2 */
|
||||||
appearance: none; /* 2 */
|
appearance: none; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
@ -234,14 +227,7 @@
|
||||||
#panneau-panier .panneau__instructions-code-promo {
|
#panneau-panier .panneau__instructions-code-promo {
|
||||||
padding: var(--espace-xl) var(--espace-l);
|
padding: var(--espace-xl) var(--espace-l);
|
||||||
}
|
}
|
||||||
#panneau-panier
|
#panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo input, #panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo button {
|
||||||
.panneau__instructions-code-promo
|
|
||||||
.panneau__instructions-code-promo__code-promo
|
|
||||||
input,
|
|
||||||
#panneau-panier
|
|
||||||
.panneau__instructions-code-promo
|
|
||||||
.panneau__instructions-code-promo__code-promo
|
|
||||||
button {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
#panneau-panier .panneau__sous-totaux {
|
#panneau-panier .panneau__sous-totaux {
|
||||||
|
|
@ -303,16 +289,10 @@
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
#panneau-informations-client
|
#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses label {
|
||||||
.panneau__formulaires
|
|
||||||
.panneau__formulaires__separation-adresses
|
|
||||||
label {
|
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
}
|
}
|
||||||
#panneau-informations-client
|
#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires {
|
||||||
.panneau__formulaires
|
|
||||||
.panneau__formulaires__paiement
|
|
||||||
.formulaire__paiement__attente-renseignement-formulaires {
|
|
||||||
align-content: center;
|
align-content: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -321,11 +301,7 @@
|
||||||
color: var(--couleur-gris-fonce);
|
color: var(--couleur-gris-fonce);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
#panneau-informations-client
|
#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires p + p {
|
||||||
.panneau__formulaires
|
|
||||||
.panneau__formulaires__paiement
|
|
||||||
.formulaire__paiement__attente-renseignement-formulaires
|
|
||||||
p + p {
|
|
||||||
margin-top: 1lh;
|
margin-top: 1lh;
|
||||||
}
|
}
|
||||||
#panneau-informations-client .panneau__formulaires .panneau__formulaires__message {
|
#panneau-informations-client .panneau__formulaires .panneau__formulaires__message {
|
||||||
|
|
@ -359,11 +335,7 @@
|
||||||
place-items: center;
|
place-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
#panneau-informations-client
|
#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ + .formulaire__champs__champ {
|
||||||
.formulaire
|
|
||||||
.formulaire__champs
|
|
||||||
.formulaire__champs__champ
|
|
||||||
+ .formulaire__champs__champ {
|
|
||||||
margin-top: var(--espace-l);
|
margin-top: var(--espace-l);
|
||||||
}
|
}
|
||||||
#panneau-informations-client .formulaire label {
|
#panneau-informations-client .formulaire label {
|
||||||
|
|
@ -463,11 +435,11 @@
|
||||||
margin-top: var(--espace-m);
|
margin-top: var(--espace-m);
|
||||||
font-size: initial;
|
font-size: initial;
|
||||||
}
|
}
|
||||||
#page-panier[data-contient-articles="false"] .panneau {
|
#page-panier[data-contient-articles=false] .panneau {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#page-panier[data-contient-articles="false"] .panier-vide {
|
#page-panier[data-contient-articles=false] .panier-vide {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* # sourceMappingURL=page-panier.css.map */
|
/*# sourceMappingURL=page-panier.css.map */
|
||||||
|
|
|
||||||
|
|
@ -10,8 +10,8 @@ const AppConfig = Config.all({
|
||||||
});
|
});
|
||||||
|
|
||||||
const Provider = ConfigProvider.fromUnknown({
|
const Provider = ConfigProvider.fromUnknown({
|
||||||
WOOCOMMERCE_API_CONSUMER_KEY: "ck_329c944b248aa7cc837c7662d9c6e09d638802df",
|
WOOCOMMERCE_API_CONSUMER_KEY: "ck_d6f6db391ac2cdae45c9067e90abf7c913606954",
|
||||||
WOOCOMMERCE_API_CONSUMER_SECRET: "cs_5687d0c694bd519b231145afa7177c0c987f7155",
|
WOOCOMMERCE_API_CONSUMER_SECRET: "cs_e213979ea3d1490b275dd75c8d53d05c82853119",
|
||||||
});
|
});
|
||||||
|
|
||||||
export { AppConfig, Provider };
|
export { AppConfig, Provider };
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue