Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styles for the system status report counters.
Chris@0:  */
Chris@0: 
Chris@0: .system-status-report-counters__item {
Chris@18:   width: 100%;
Chris@0:   margin: 10px 0;
Chris@0: }
Chris@0: 
Chris@0: @media screen and (min-width: 60em) {
Chris@0:   .system-status-report-counters__item {
Chris@0:     margin-bottom: 20px;
Chris@0:   }
Chris@0:   .system-status-report-counters {
Chris@18:     display: flex;
Chris@0:     flex-wrap: wrap;
Chris@0:     justify-content: space-between;
Chris@0:   }
Chris@0:   .system-status-report-counters__item--half-width {
Chris@0:     width: 49%;
Chris@0:   }
Chris@0:   .system-status-report-counters__item--third-width {
Chris@0:     width: 32%;
Chris@0:   }
Chris@0: }