www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/system/components/system-status-report-counters.css

   1 /**
   2  * @file
   3  * Styles for the system status report counters.
   4  */
   5
   6 .system-status-report-counters__item {
   7   width: 100%;
   8   padding: 0.5em 0;
   9   text-align: center;
  10   white-space: nowrap;
  11   background-color: rgba(0, 0, 0, 0.063);
  12   margin-bottom: 0.5em;
  13 }
  14
  15 @media screen and (min-width: 60em) {
  16   .system-status-report-counters {
  17     flex-wrap: wrap;
  18     display: flex;
  19     justify-content: space-between;
  20   }
  21   .system-status-report-counters__item--half-width {
  22     width: 49%;
  23   }
  24   .system-status-report-counters__item--third-width {
  25     width: 33%;
  26   }
  27 }