fix: corriger l'indentation et la gestion des animations dans le shortcode des logos clients
This commit is contained in:
@@ -1,7 +1,8 @@
|
|||||||
<section class="border-y border-gray-100 overflow-hidden">
|
<section class="border-y border-gray-100 overflow-hidden">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<div class="py-12">
|
<div class="py-12">
|
||||||
<p class="text-center text-3xl md:text-2xl font-bold mb-6">{{ .Get "title" | default (i18n "trustedByCompanies") }}</p>
|
<p class="text-center text-3xl md:text-2xl font-bold mb-6">{{ .Get "title" | default (i18n
|
||||||
|
"trustedByCompanies") }}</p>
|
||||||
<div class="logo-scroll">
|
<div class="logo-scroll">
|
||||||
<div class="logos-slide{{ if ne (.Get " animate" | default "true" ) "false" }} animate{{ end }}">
|
<div class="logos-slide{{ if ne (.Get " animate" | default "true" ) "false" }} animate{{ end }}">
|
||||||
{{ range .Page.Params.client_logos }}
|
{{ range .Page.Params.client_logos }}
|
||||||
@@ -47,8 +48,10 @@
|
|||||||
animation: 30s slide infinite linear;
|
animation: 30s slide infinite linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.logos-slide img {
|
.logos-slide img {
|
||||||
max-height: 1.5rem;
|
max-width: 8rem;
|
||||||
|
height: auto;
|
||||||
margin: 0 40px;
|
margin: 0 40px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
@@ -64,6 +67,7 @@
|
|||||||
from {
|
from {
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
transform: translateX(calc(-100% / 2));
|
transform: translateX(calc(-100% / 2));
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user