You are here

provider-bucket-form.css in oEmbed Providers 2.x

.oembed-provider-bucket-form #edit-providers {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

@media screen and (max-width: 60em) {
  .oembed-provider-bucket-form #edit-providers {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media screen and (max-width: 48em) {
  .oembed-provider-bucket-form #edit-providers {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media screen and (max-width: 32em) {
  .oembed-provider-bucket-form #edit-providers {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

File

css/provider-bucket-form.css
View source
  1. .oembed-provider-bucket-form #edit-providers {
  2. -webkit-column-count: 4;
  3. -moz-column-count: 4;
  4. column-count: 4;
  5. }
  6. @media screen and (max-width: 60em) {
  7. .oembed-provider-bucket-form #edit-providers {
  8. -webkit-column-count: 3;
  9. -moz-column-count: 3;
  10. column-count: 3;
  11. }
  12. }
  13. @media screen and (max-width: 48em) {
  14. .oembed-provider-bucket-form #edit-providers {
  15. -webkit-column-count: 2;
  16. -moz-column-count: 2;
  17. column-count: 2;
  18. }
  19. }
  20. @media screen and (max-width: 32em) {
  21. .oembed-provider-bucket-form #edit-providers {
  22. -webkit-column-count: 1;
  23. -moz-column-count: 1;
  24. column-count: 1;
  25. }
  26. }