system-status-counter.css

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

Styles for the system status counter component.

File

core/themes/stable/css/system/components/system-status-counter.css

View source
  1. /**
  2. * @file
  3. * Styles for the system status counter component.
  4. */
  5. .system-status-counter__status-icon {
  6. display: inline-block;
  7. width: 25px;
  8. height: 25px;
  9. vertical-align: middle;
  10. }
  11. .system-status-counter__status-icon:before {
  12. display: block;
  13. content: "";
  14. background-repeat: no-repeat;
  15. background-position: center 2px;
  16. background-size: 20px;
  17. }
  18. .system-status-counter__status-icon--error:before {
  19. background-image: url(../../../images/core/icons/e32700/error.svg);
  20. }
  21. .system-status-counter__status-icon--warning:before {
  22. background-image: url(../../../images/core/icons/e29700/warning.svg);
  23. }
  24. .system-status-counter__status-icon--checked:before {
  25. background-image: url(../../../images/core/icons/73b355/check.svg);
  26. }

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