system-status-report-counters.pcss.css

Same filename in other branches
  1. 9 core/themes/claro/css/components/system-status-report-counters.pcss.css
  2. 10 core/themes/claro/css/components/system-status-report-counters.pcss.css
  3. 11.x core/themes/claro/css/components/system-status-report-counters.pcss.css

Styles for the system status report counters.

File

core/themes/claro/css/components/system-status-report-counters.pcss.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: 10px 0;
  8. }
  9. @media screen and (min-width: 60em) {
  10. .system-status-report-counters__item {
  11. margin-bottom: 20px;
  12. }
  13. .system-status-report-counters {
  14. display: flex;
  15. flex-wrap: wrap;
  16. justify-content: space-between;
  17. }
  18. .system-status-report-counters__item--half-width {
  19. width: 49%;
  20. }
  21. .system-status-report-counters__item--third-width {
  22. width: 32%;
  23. }
  24. }

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