votingapi_reaction_settings.css in Voting API Reaction 8
.votingapi-reaction-settings .form-checkboxes {
display: flex;
flex-wrap: wrap;
margin: 0 -3px;
}
.votingapi-reaction-settings .form-checkboxes .form-item {
display: flex;
align-items: center;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
border-radius: 5px;
padding: 5px 10px;
margin: 3px 3px;
user-select: none;
background-color: rgb(248, 248, 248);
}
.votingapi-reaction-settings .form-checkboxes label {
display: block;
margin: 0;
transition: opacity 0.5s;
cursor: pointer;
}
.votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-item {
align-items: center;
display: flex;
}
.votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-label {
margin-left: 7px;
}
.votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-image {
margin-left: 7px;
width: 25px;
height: 25px;
}
.votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-count {
display: none;
}
File
css/votingapi_reaction_settings.css
View source
- .votingapi-reaction-settings .form-checkboxes {
- display: flex;
- flex-wrap: wrap;
- margin: 0 -3px;
- }
- .votingapi-reaction-settings .form-checkboxes .form-item {
- display: flex;
- align-items: center;
- box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
- border-radius: 5px;
- padding: 5px 10px;
- margin: 3px 3px;
- user-select: none;
- background-color: rgb(248, 248, 248);
- }
- .votingapi-reaction-settings .form-checkboxes label {
- display: block;
- margin: 0;
- transition: opacity 0.5s;
- cursor: pointer;
- }
- .votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-item {
- align-items: center;
- display: flex;
- }
- .votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-label {
- margin-left: 7px;
- }
- .votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-image {
- margin-left: 7px;
- width: 25px;
- height: 25px;
- }
- .votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-count {
- display: none;
- }