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@0: width: 100%; Chris@18: margin-bottom: 0.5em; Chris@14: padding: 0.5em 0; Chris@0: text-align: center; Chris@0: white-space: nowrap; Chris@0: background-color: rgba(0, 0, 0, 0.063); Chris@0: } Chris@0: Chris@0: @media screen and (min-width: 60em) { 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: 33%; Chris@0: } Chris@0: }