You are here

vbo_search_and_replace.checkbox_columns.css in Views Bulk Operations Search & Replace 7

@charset 'UTF-8';

@media only screen {
  .vbo-search-and-replace-form .field-select-container .fieldset-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }

  .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
    flex-basis: calc(100% / 1);
  }
}

@media only screen and (min-width: 400px) {
  .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
    flex-basis: calc(100% / 2);
  }
}

@media only screen and (min-width: 600px) {
  .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
    flex-basis: calc(100% / 3);
  }
}

@media only screen and (min-width: 800px) {
  .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
    flex-basis: calc(100% / 4);
  }
}

@media only screen and (min-width: 1000px) {
  .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
    flex-basis: calc(100% / 5);
  }
}

@media only screen and (min-width: 1200px) {
  .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
    flex-basis: calc(100% / 6);
  }
}

File

css/vbo_search_and_replace.checkbox_columns.css
View source
  1. @charset 'UTF-8';
  2. @media only screen {
  3. .vbo-search-and-replace-form .field-select-container .fieldset-wrapper {
  4. display: flex;
  5. flex-flow: row wrap;
  6. justify-content: flex-start;
  7. }
  8. .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
  9. flex-basis: calc(100% / 1);
  10. }
  11. }
  12. @media only screen and (min-width: 400px) {
  13. .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
  14. flex-basis: calc(100% / 2);
  15. }
  16. }
  17. @media only screen and (min-width: 600px) {
  18. .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
  19. flex-basis: calc(100% / 3);
  20. }
  21. }
  22. @media only screen and (min-width: 800px) {
  23. .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
  24. flex-basis: calc(100% / 4);
  25. }
  26. }
  27. @media only screen and (min-width: 1000px) {
  28. .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
  29. flex-basis: calc(100% / 5);
  30. }
  31. }
  32. @media only screen and (min-width: 1200px) {
  33. .vbo-search-and-replace-form .field-select-container .form-item.form-type-checkbox {
  34. flex-basis: calc(100% / 6);
  35. }
  36. }