[libadwaita/wip/exalm/selection-mode-checks: 5/5] demo: Add a checkbutton.selection-mode demo

[Alexander Mikhaylenko <alexm src gnome org>]

commit 73e64bc7515fee0fb378dc8bf3fb496605aac7a3
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Wed Dec 1 17:24:21 2021 +0500

    demo: Add a checkbutton.selection-mode demo

 demo/adw-style-demo-window.ui | 89 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 89 insertions(+)
---
diff --git a/demo/adw-style-demo-window.ui b/demo/adw-style-demo-window.ui
index 9929264a..17bef122 100644
--- a/demo/adw-style-demo-window.ui
+++ b/demo/adw-style-demo-window.ui
@@ -806,6 +806,95 @@ The "card" style class can be used to achieve the same style with GtkBox or simi
                     </child>
                   </object>
                 </child>
+                <child>
+                  <object class="AdwPreferencesGroup">
+                    <property name="title" translatable="yes">Check Buttons</property>
+                    <property name="description" translatable="yes">The "selection-mode" style class makes 
can be used with GtkCheckButton to make them large and round.</property>
+                    <child>
+                      <object class="GtkGrid">
+                        <property name="row-spacing">6</property>
+                        <property name="column-spacing">12</property>
+                        <property name="halign">start</property>
+                        <child>
+                          <object class="GtkCheckButton">
+                            <property name="halign">end</property>
+                            <property name="valign">end</property>
+                            <property name="active">True</property>
+                            <layout>
+                              <property name="column">0</property>
+                              <property name="row">0</property>
+                            </layout>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkCheckButton">
+                            <property name="halign">start</property>
+                            <property name="valign">end</property>
+                            <layout>
+                              <property name="column">1</property>
+                              <property name="row">0</property>
+                            </layout>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="label">Regular</property>
+                            <property name="xalign">0.5</property>
+                            <property name="margin-start">12</property>
+                            <property name="margin-end">12</property>
+                            <layout>
+                              <property name="column">0</property>
+                              <property name="row">1</property>
+                              <property name="column-span">2</property>
+                            </layout>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkCheckButton">
+                            <property name="halign">end</property>
+                            <property name="valign">end</property>
+                            <property name="active">True</property>
+                            <property name="tooltip-text">selection-mode</property>
+                            <style>
+                              <class name="selection-mode"/>
+                            </style>
+                            <layout>
+                              <property name="column">2</property>
+                              <property name="row">0</property>
+                            </layout>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkCheckButton">
+                            <property name="halign">start</property>
+                            <property name="valign">end</property>
+                            <property name="tooltip-text">selection-mode</property>
+                            <style>
+                              <class name="selection-mode"/>
+                            </style>
+                            <layout>
+                              <property name="column">3</property>
+                              <property name="row">0</property>
+                            </layout>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="label">Selection Mode</property>
+                            <property name="xalign">0.5</property>
+                            <property name="margin-start">12</property>
+                            <property name="margin-end">12</property>
+                            <layout>
+                              <property name="column">2</property>
+                              <property name="row">1</property>
+                              <property name="column-span">2</property>
+                            </layout>
+                          </object>
+                        </child>
+                      </object>
+                    </child>
+                  </object>
+                </child>
                 <child>
                   <object class="AdwPreferencesGroup">
                     <property name="title" translatable="yes">Toolbars</property>