Revela-v4/css/light/bookmarklets.css
2022-06-06 19:56:52 -05:00

48 lines
No EOL
1.1 KiB
CSS

.bookmarklets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bookmarklet-btn {
color: #222325;
padding: 4px;
cursor: pointer;
border: 2px solid rgb(15, 15, 15);
-webkit-transition: background-color 300ms ease-in-out;
transition: 300ms ease-in-out;
}
.bookmarklet-btn:hover {
background-color: #4d4f53;
color: white;
}
.bookmarklets > a {
width: 15%;
text-align: center;
}
@media only screen and (max-width: 629px) {
.bookmarklets > a {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.note {
color: #303234;
text-align: center;
}