More languages
More actions
No edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
flex-flow:row wrap; | flex-flow:row wrap; | ||
justify-content:flex-start; | justify-content:flex-start; | ||
gap:15px; | |||
} | } | ||
.donate-logo-button{ | .donate-logo-button{ | ||
width: | width:150px; | ||
height: | height:150px; | ||
border:1px black solid; | border:1px black solid; | ||
border-radius:8px; | border-radius:8px; |
Revision as of 00:15, 1 August 2023
.donate-logo-container{
width:100%;
display:flex;
flex-flow:row wrap;
justify-content:flex-start;
gap:15px;
}
.donate-logo-button{
width:150px;
height:150px;
border:1px black solid;
border-radius:8px;
display:flex;
flex-flow:column nowrap;
align-items:center;
justify-content:center;
}
.donate-logo-image{
width:30px;
height:30px;
}
.donate-logo-image img{
width:30px;
height:30px;
object-fit:contain;
overflow:hidden;
}
/* temp code for sandbox use */
.donate-logo-image img{
filter:grayscale(0);
transform: scale(1);
}
.donate-logo-image img:hover{
transform: scale(1);
}
.donate-logo-text{
}