Files
frontend/css/bookmarklets.css

38 lines
803 B
CSS

.bookmarklet {
width: 90vw;
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
height: 100%;
gap: 0px;
}
.bookmarkletdiv {
width: 25vw;
height: 15vh;
background-color: color-mix(in srgb, var(--color-2) 40%, #00000000 60%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 20px;
margin: 15px;
transition-duration: 0.25s;
backdrop-filter: blur(2px);
box-shadow: 0 0 10px var(--color-2);
}
.bookmarkletdiv a {
width: 90%;
}
.bookmarkletdiv:hover {
transform: scale(1.1);
filter:brightness(1.15);
}
#bookmarklets {
display: flex;
height: auto;
width: 90%;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}