[gnome-software: 1/3] style: Add the .list-page style class

[Philip Withnall <pwithnall src gnome org>]

commit 092baef82d971d783909c921152a017d71a93210
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Mon Jun 14 12:49:44 2021 +0200

    style: Add the .list-page style class
    
    This will be used to modernize the style of lists of lists.

 src/gtk-style-hc.css | 38 ++++++++++++++++++++++++++++++++++++++
 src/gtk-style.css    | 38 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 76 insertions(+)
---
diff --git a/src/gtk-style-hc.css b/src/gtk-style-hc.css
index 03d4563c2..920e9a475 100644
--- a/src/gtk-style-hc.css
+++ b/src/gtk-style-hc.css
@@ -295,3 +295,41 @@ overlay > headerbar {
   background: none;
   border: none;
 }
+
+/* The following style are taken from libhandy's HdyPreferencesPage style, which
+ * implements the style for titled lists of lists.
+ * FIXME: Drop these styles if the pages using it are ported to
+ * HdyPreferencesPage or its successor in Libadwaita, if their clamp size can be
+ * set as a property. */
+
+scrolledwindow.list-page > viewport > clamp {
+  margin: 0 12px; transition: margin-bottom 200ms ease;
+}
+
+scrolledwindow.list-page > viewport > clamp > box > preferencesgroup {
+  transition: margin-top 200ms ease;
+}
+
+scrolledwindow.list-page > viewport > clamp.small {
+  margin-bottom: 18px;
+}
+
+scrolledwindow.list-page > viewport > clamp.small > box > preferencesgroup {
+  margin-top: 18px;
+}
+
+scrolledwindow.list-page > viewport > clamp.medium {
+  margin-bottom: 24px;
+}
+
+scrolledwindow.list-page > viewport > clamp.medium > box > preferencesgroup {
+  margin-top: 24px;
+}
+
+scrolledwindow.list-page > viewport > clamp.large {
+  margin-bottom: 30px;
+}
+
+scrolledwindow.list-page > viewport > clamp.large > box > preferencesgroup {
+  margin-top: 30px;
+}
diff --git a/src/gtk-style.css b/src/gtk-style.css
index eb7a861b1..1186c5871 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -645,3 +645,41 @@ overlay > headerbar {
   background: none;
   border: none;
 }
+
+/* The following style are taken from libhandy's HdyPreferencesPage style, which
+ * implements the style for titled lists of lists.
+ * FIXME: Drop these styles if the pages using it are ported to
+ * HdyPreferencesPage or its successor in Libadwaita, if their clamp size can be
+ * set as a property. */
+
+scrolledwindow.list-page > viewport > clamp {
+  margin: 0 12px; transition: margin-bottom 200ms ease;
+}
+
+scrolledwindow.list-page > viewport > clamp > box > preferencesgroup {
+  transition: margin-top 200ms ease;
+}
+
+scrolledwindow.list-page > viewport > clamp.small {
+  margin-bottom: 18px;
+}
+
+scrolledwindow.list-page > viewport > clamp.small > box > preferencesgroup {
+  margin-top: 18px;
+}
+
+scrolledwindow.list-page > viewport > clamp.medium {
+  margin-bottom: 24px;
+}
+
+scrolledwindow.list-page > viewport > clamp.medium > box > preferencesgroup {
+  margin-top: 24px;
+}
+
+scrolledwindow.list-page > viewport > clamp.large {
+  margin-bottom: 30px;
+}
+
+scrolledwindow.list-page > viewport > clamp.large > box > preferencesgroup {
+  margin-top: 30px;
+}