[gnome-software: 2/4] style: Add clamp.status-page

[Philip Withnall <pwithnall src gnome org>]

commit 67801a0bd841c446f57bafbe95be2f9a52a6c36e
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Thu Jun 17 11:04:09 2021 +0200

    style: Add clamp.status-page
    
    This mimicks the style of HdyStatusPage, it will be used in the next
    commit where we want its style but it's can't be used because it doesn't
    support having a spinner.

 src/gtk-style-hc.css | 26 ++++++++++++++++++++++++++
 src/gtk-style.css    | 26 ++++++++++++++++++++++++++
 2 files changed, 52 insertions(+)
---
diff --git a/src/gtk-style-hc.css b/src/gtk-style-hc.css
index 920e9a475..4c6c14231 100644
--- a/src/gtk-style-hc.css
+++ b/src/gtk-style-hc.css
@@ -333,3 +333,29 @@ scrolledwindow.list-page > viewport > clamp.large {
 scrolledwindow.list-page > viewport > clamp.large > box > preferencesgroup {
   margin-top: 30px;
 }
+
+/* The following style is taken from libhandy's HdyStatusPage style.
+ * FIXME: Drop this style if HdyStatusPage or its GTK 4 successor allows setting
+ * a spinner and the updates spinner page can be ported to it. */
+
+clamp.status-page {
+  margin: 36px 12px;
+}
+
+clamp.status-page .icon {
+  color: alpha(@theme_fg_color, 0.5);
+  min-height: 128px;
+  min-width: 128px;
+}
+
+clamp.status-page .icon:backdrop {
+  color: alpha(@theme_unfocused_fg_color, 0.5);
+}
+
+clamp.status-page .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+  margin-bottom: 12px;
+}
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 1186c5871..9f642c38c 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -683,3 +683,29 @@ scrolledwindow.list-page > viewport > clamp.large {
 scrolledwindow.list-page > viewport > clamp.large > box > preferencesgroup {
   margin-top: 30px;
 }
+
+/* The following style is taken from libhandy's HdyStatusPage style.
+ * FIXME: Drop this style if HdyStatusPage or its GTK 4 successor allows setting
+ * a spinner and the updates spinner page can be ported to it. */
+
+clamp.status-page {
+  margin: 36px 12px;
+}
+
+clamp.status-page .icon {
+  color: alpha(@theme_fg_color, 0.5);
+  min-height: 128px;
+  min-width: 128px;
+}
+
+clamp.status-page .icon:backdrop {
+  color: alpha(@theme_unfocused_fg_color, 0.5);
+}
+
+clamp.status-page .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+  margin-bottom: 12px;
+}