You are here

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
  1. .votingapi-reaction-settings .form-checkboxes {
  2. display: flex;
  3. flex-wrap: wrap;
  4. margin: 0 -3px;
  5. }
  6. .votingapi-reaction-settings .form-checkboxes .form-item {
  7. display: flex;
  8. align-items: center;
  9. box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  10. border-radius: 5px;
  11. padding: 5px 10px;
  12. margin: 3px 3px;
  13. user-select: none;
  14. background-color: rgb(248, 248, 248);
  15. }
  16. .votingapi-reaction-settings .form-checkboxes label {
  17. display: block;
  18. margin: 0;
  19. transition: opacity 0.5s;
  20. cursor: pointer;
  21. }
  22. .votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-item {
  23. align-items: center;
  24. display: flex;
  25. }
  26. .votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-label {
  27. margin-left: 7px;
  28. }
  29. .votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-image {
  30. margin-left: 7px;
  31. width: 25px;
  32. height: 25px;
  33. }
  34. .votingapi-reaction-settings .form-checkboxes label .votingapi-reaction-count {
  35. display: none;
  36. }