mirrors/caddy-website
1
0
Fork 0
mirror of https://github.com/caddyserver/website.git synced 2025-04-25 14:36:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Work on testimonials

Browse source
This commit is contained in:
Matthew Holt 2023-11-02 16:33:52 -06:00 • committed by Francis Lavoie
parent c6724a6c1e
commit 3080b07b44
No known key found for this signature in database
GPG key ID: 0F66EE1687682239
3 changed files with 35 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

17
new/resources/css/home.css
View file

@ -322,24 +322,31 @@ div.ap-wrapper:fullscreen div.ap-player {
.testimonials-container {
height: 100vh;
position: relative;
}
.testimonials {
--testimonial-spacing: 25px;
display: grid;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
gap: var(--testimonial-spacing);
position: relative;
padding-top: 150px;
padding-bottom: 150px;
height: 100%;
overflow-y: auto;
}
.testimonials::before {
.testimonials-container::before {
content: "";
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 55%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 400px, rgba(255,255,255,0) 600px, rgba(255,255,255,1) 100%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
z-index: 1;
}
.testimonial-picture {
width: 60px;
@ -349,7 +356,7 @@ div.ap-wrapper:fullscreen div.ap-player {
display: flex;
align-items: flex-start;
gap: 1em;
border: 1px solid rgb(174, 181, 185);
border: 1px solid rgb(222, 233, 240);
border-radius: 5px;
padding: 1em;
margin: var(--testimonial-spacing) 0;