Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styles for the system status counter component.
Chris@0:  */
Chris@0: 
Chris@0: .system-status-counter__status-icon {
Chris@0:   display: inline-block;
Chris@18:   width: 25px;
Chris@0:   height: 25px;
Chris@0:   vertical-align: middle;
Chris@0: }
Chris@0: .system-status-counter__status-icon:before {
Chris@18:   display: block;
Chris@0:   width: 100%;
Chris@0:   height: 100%;
Chris@18:   content: "";
Chris@18:   background-repeat: no-repeat;
Chris@18:   background-position: center 2px;
Chris@18:   background-size: 16px;
Chris@0: }
Chris@0: 
Chris@0: .system-status-counter__status-icon--error:before {
Chris@0:   background-image: url(../../../../misc/icons/e32700/error.svg);
Chris@0: }
Chris@0: .system-status-counter__status-icon--warning:before {
Chris@0:   background-image: url(../../../../misc/icons/e29700/warning.svg);
Chris@0: }
Chris@0: .system-status-counter__status-icon--checked:before {
Chris@0:   background-image: url(../../../../misc/icons/73b355/check.svg);
Chris@0: }