More languages
More actions
No edit summary |
No edit summary |
||
Line 14: | Line 14: | ||
display:flex; | display:flex; | ||
flex-flow:column nowrap; | flex-flow:column nowrap; | ||
align-items:center; | |||
justify-content:center; | justify-content:center; | ||
} | } | ||
Line 20: | Line 21: | ||
width:30px; | width:30px; | ||
height:30px; | height:30px; | ||
} | } | ||
Line 28: | Line 28: | ||
object-fit:contain; | object-fit:contain; | ||
overflow:hidden; | overflow:hidden; | ||
} | |||
.donate-logo-subtitle{ | |||
color:gray; | |||
font-size:0.7em; | |||
} | } | ||
Revision as of 14:13, 4 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;
}
.donate-logo-subtitle{
color:gray;
font-size:0.7em;
}
/* temp code for sandbox use */
.donate-logo-image img{
filter:grayscale(0);
transform: scale(1);
}
.donate-logo-image img:hover{
transform: scale(1);
}