media-library.css

Same filename in this branch
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/layout/media-library.css
  2. 8.9.x core/themes/seven/css/theme/media-library.css
  3. 8.9.x core/themes/seven/css/classy/layout/media-library.css
  4. 8.9.x core/themes/claro/css/theme/media-library.css
  5. 8.9.x core/themes/classy/css/layout/media-library.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/layout/media-library.css
  2. 9 core/themes/seven/css/theme/media-library.css
  3. 9 core/themes/seven/css/classy/layout/media-library.css
  4. 9 core/themes/claro/css/theme/media-library.css
  5. 9 core/themes/bartik/css/classy/layout/media-library.css
  6. 9 core/themes/classy/css/layout/media-library.css
  7. 10 core/profiles/demo_umami/themes/umami/css/classy/layout/media-library.css
  8. 10 core/themes/claro/css/theme/media-library.css
  9. 11.x core/profiles/demo_umami/themes/umami/css/classy/layout/media-library.css
  10. 11.x core/themes/claro/css/theme/media-library.css

Contains minimal layout styling for the media library.

File

core/themes/bartik/css/classy/layout/media-library.css

View source
  1. /**
  2. * @file
  3. * Contains minimal layout styling for the media library.
  4. */
  5. .media-library-wrapper {
  6. display: flex;
  7. }
  8. .media-library-menu {
  9. flex-basis: 20%;
  10. flex-shrink: 0;
  11. }
  12. .media-library-content {
  13. flex-grow: 1;
  14. }
  15. .media-library-views-form {
  16. display: flex;
  17. flex-wrap: wrap;
  18. }
  19. .media-library-views-form .media-library-item {
  20. justify-content: space-between;
  21. max-width: 23%;
  22. margin: 1%;
  23. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.