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. 9 core/themes/stable9/css/system/components/system-status-counter.css

Styles for the system status counter component.

File

core/themes/stable9/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.   width: 100%;

  15.   height: 100%;

  16.   content: "";

  17.   background-repeat: no-repeat;

  18.   background-position: center 2px;

  19.   background-size: 16px;

  20. }

  21. 

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

  23.   background-image: url(../../../../../misc/icons/e32700/error.svg);

  24. }

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

  26.   background-image: url(../../../../../misc/icons/e29700/warning.svg);

  27. }

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

  29.   background-image: url(../../../../../misc/icons/73b355/check.svg);

  30. }