qmining-page/src/components/reactButton.module.css
2021-03-05 17:07:37 +01:00

40 lines
612 B
CSS

.reactionContainer {
display: flex;
flex-wrap: wrap;
}
.reactionContainer > input {
width: 100%;
background-color: var(--background-color);
color: var(--text-color);
border: none;
border-radius: 3px;
margin: 2px 5px;
font-size: 16px;
}
.reactionContainer > div {
margin: 2px 2px;
padding: 0px 10px;
border: 1px solid #444;
border-radius: 6px;
cursor: pointer;
user-select: none;
}
.reactionContainer > div:hover {
background-color: var(--hoover-color);
}
.break {
flex-basis: 100%;
height: 0;
}
.reacted {
color: yellow;
}
.reactContainer {
display: inline-block;
}