templates/hugo-saasify-theme
1
0
Fork 0
mirror of https://github.com/chaoming/hugo-saasify-theme.git synced 2025-04-20 07:11:52 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: make client logos grey with opacity

Browse source
This commit is contained in:
Chaoming Li 2024-11-19 23:27:24 +11:00
parent 6b6c9492ae
commit ab9d07545f
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
layouts/shortcodes/client-logos.html
View file

@ -5,11 +5,11 @@
<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 }}
<img src="{{ .logo | relURL }}" alt="{{ .name }}" /> <img src="{{ .logo | relURL }}" class="h-20" alt="{{ .name }}" />
{{ end }} {{ end }}
{{ if ne (.Get "animate" | default "true") "false" }} {{ if ne (.Get "animate" | default "true") "false" }}
{{ range .Page.Params.client_logos }} {{ range .Page.Params.client_logos }}
<img src="{{ .logo | relURL }}" alt="{{ .name }}" /> <img src="{{ .logo | relURL }}" class="h-20" alt="{{ .name }}" />
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>
@ -48,10 +48,12 @@
} }
.logos-slide img { .logos-slide img {
height: 48px; max-height: 1.5rem;
margin: 0 40px; margin: 0 40px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
filter: grayscale(100%);
opacity: 0.6;
} }
.logo-scroll.static .logos-slide img { .logo-scroll.static .logos-slide img {