You are here

Home » API reference » Drupal 10

system-status-counter.css in Drupal 10

Same filename in this branch
  1. 10 core/themes/claro/css/components/system-status-counter.css
  2. 10 core/themes/seven/css/components/system-status-counter.css
  3. 10 core/modules/system/css/components/system-status-counter.css
  4. 10 core/themes/stable9/css/system/components/system-status-counter.css
  5. 10 core/themes/stable/css/system/components/system-status-counter.css
Same filename and directory in other branches
  1. 8 core/themes/stable/css/system/components/system-status-counter.css
  2. 9 core/themes/stable/css/system/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. 

  6. .system-status-counter__status-icon {

  7.   display: inline-block;

  8.   width: 25px;

  9.   height: 25px;

  10.   vertical-align: middle;

  11. }

  12. .system-status-counter__status-icon:before {

  13.   display: block;

  14.   content: "";

  15.   background-repeat: no-repeat;

  16.   background-position: center 2px;

  17.   background-size: 20px;

  18. }

  19. 

  20. .system-status-counter__status-icon--error:before {

  21.   background-image: url(../../../images/core/icons/e32700/error.svg);

  22. }

  23. .system-status-counter__status-icon--warning:before {

  24.   background-image: url(../../../images/core/icons/e29700/warning.svg);

  25. }

  26. .system-status-counter__status-icon--checked:before {

  27.   background-image: url(../../../images/core/icons/73b355/check.svg);

  28. }