Version 1

[yaffs-website] / web / core / modules / system / css / components / system-status-report-counters.css

diff --git a/web/core/modules/system/css/components/system-status-report-counters.css b/web/core/modules/system/css/components/system-status-report-counters.css
new file mode 100644 (file)
index 0000000..1a4e240
--- /dev/null
+++ b/web/core/modules/system/css/components/system-status-report-counters.css
@@ -0,0 +1,27 @@
+/**
+ * @file
+ * Styles for the system status report counters.
+ */
+
+.system-status-report-counters__item {
+  width: 100%;
+  padding: .5em 0;
+  text-align: center;
+  white-space: nowrap;
+  background-color: rgba(0, 0, 0, 0.063);
+  margin-bottom: .5em;
+}
+
+@media screen and (min-width: 60em) {
+  .system-status-report-counters {
+    flex-wrap: wrap;
+    display: flex;
+    justify-content: space-between;
+  }
+  .system-status-report-counters__item--half-width {
+    width: 49%;
+  }
+  .system-status-report-counters__item--third-width {
+    width: 33%;
+  }
+}