system-status-report-counters.css

Same filename in this branch
  1. 11.x core/themes/stable9/css/system/components/system-status-report-counters.css
  2. 11.x core/themes/claro/css/components/system-status-report-counters.css
Same filename in other branches
  1. 9 core/themes/stable9/css/system/components/system-status-report-counters.css
  2. 9 core/themes/seven/css/components/system-status-report-counters.css
  3. 9 core/themes/claro/css/components/system-status-report-counters.css
  4. 9 core/themes/stable/css/system/components/system-status-report-counters.css
  5. 9 core/modules/system/css/components/system-status-report-counters.css
  6. 8.9.x core/themes/seven/css/components/system-status-report-counters.css
  7. 8.9.x core/themes/claro/css/components/system-status-report-counters.css
  8. 8.9.x core/themes/stable/css/system/components/system-status-report-counters.css
  9. 8.9.x core/modules/system/css/components/system-status-report-counters.css
  10. 10 core/themes/stable9/css/system/components/system-status-report-counters.css
  11. 10 core/themes/claro/css/components/system-status-report-counters.css
  12. 10 core/modules/system/css/components/system-status-report-counters.css

Styles for the system status report counters.

File

core/modules/system/css/components/system-status-report-counters.css

View source
  1. /**
  2. * @file
  3. * Styles for the system status report counters.
  4. */
  5. .system-status-report-counters__item {
  6. width: 100%;
  7. margin-bottom: 0.5em;
  8. padding: 0.5em 0;
  9. text-align: center;
  10. white-space: nowrap;
  11. background-color: rgba(0, 0, 0, 0.063);
  12. }
  13. @media screen and (min-width: 60em) {
  14. .system-status-report-counters {
  15. display: flex;
  16. flex-wrap: wrap;
  17. justify-content: space-between;
  18. }
  19. .system-status-report-counters__item--half-width {
  20. width: 49%;
  21. }
  22. .system-status-report-counters__item--third-width {
  23. width: 33%;
  24. }
  25. }

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