[libadwaita/wip/exalm/stylesheet2: 90/103] stylesheet: Split message dialog styles into a separate file

[Alexander Mikhaylenko <alexm src gnome org>]

commit 9f6d51cf9f6a42a3c601af68c26bd6085f57f2f1
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Apr 9 14:03:27 2021 +0500

    stylesheet: Split message dialog styles into a separate file

 src/stylesheet/_common.scss                 | 49 -----------------------------
 src/stylesheet/_widgets.scss                |  1 +
 src/stylesheet/meson.build                  |  1 +
 src/stylesheet/widgets/_message-dialog.scss | 44 ++++++++++++++++++++++++++
 4 files changed, 46 insertions(+), 49 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index e3f8ac2..31b8173 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -292,55 +292,6 @@ calendar {
 }
 
 
-/***********
- * Dialogs *
- ***********/
-window.dialog.message { // Message Dialog styling
-  .titlebar {
-    min-height: 20px;
-    background-image: none;
-    background-color: $bg_color;
-    border-style: none;
-    border-top-left-radius: 7px;
-    border-top-right-radius: 7px;
-  }
-
-  box.dialog-vbox.vertical {
-    border-spacing: 10px;
-  }
-
-  & label.title {
-    font-weight: 800;
-    font-size: 15pt;
-  }
-
-  &.csd {
-    &.background {
-      // bigger radius for better antialiasing
-      border-bottom-left-radius: $window_radius+1;
-      border-bottom-right-radius: $window_radius+1;
-    }
-
-    .dialog-action-area button {
-      padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
-      border-radius: 0;
-      border-left-style: solid;
-      border-right-style: none;
-      border-bottom-style: none;
-
-      &:first-child {
-        border-left-style: none;
-        border-bottom-left-radius: 7px;
-      }
-
-      &:last-child {
-        border-bottom-right-radius: 7px;
-      }
-    }
-  }
-}
-
-
 /**************
  * GtkVideo *
  **************/
diff --git a/src/stylesheet/_widgets.scss b/src/stylesheet/_widgets.scss
index df96ef4..a198e10 100644
--- a/src/stylesheet/_widgets.scss
+++ b/src/stylesheet/_widgets.scss
@@ -9,6 +9,7 @@
 @import 'widgets/links';
 @import 'widgets/lists';
 @import 'widgets/menus';
+@import 'widgets/message-dialog';
 @import 'widgets/notebook';
 @import 'widgets/paned';
 @import 'widgets/popovers';
diff --git a/src/stylesheet/meson.build b/src/stylesheet/meson.build
index e220814..0e4a506 100644
--- a/src/stylesheet/meson.build
+++ b/src/stylesheet/meson.build
@@ -31,6 +31,7 @@ if not fs.exists('Adwaita-light.css')
       'widgets/_links.scss',
       'widgets/_lists.scss',
       'widgets/_menus.scss',
+      'widgets/_message-dialog.scss',
       'widgets/_notebook.scss',
       'widgets/_paned.scss',
       'widgets/_popovers.scss',
diff --git a/src/stylesheet/widgets/_message-dialog.scss b/src/stylesheet/widgets/_message-dialog.scss
new file mode 100644
index 0000000..47cd712
--- /dev/null
+++ b/src/stylesheet/widgets/_message-dialog.scss
@@ -0,0 +1,44 @@
+window.dialog.message {
+  .titlebar {
+    min-height: 20px;
+    background-image: none;
+    background-color: $bg_color;
+    border-style: none;
+    border-top-left-radius: 7px;
+    border-top-right-radius: 7px;
+  }
+
+  box.dialog-vbox.vertical {
+    border-spacing: 10px;
+  }
+
+  & label.title {
+    font-weight: 800;
+    font-size: 15pt;
+  }
+
+  &.csd {
+    &.background {
+      // bigger radius for better antialiasing
+      border-bottom-left-radius: $window_radius+1;
+      border-bottom-right-radius: $window_radius+1;
+    }
+
+    .dialog-action-area button {
+      padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround
+      border-radius: 0;
+      border-left-style: solid;
+      border-right-style: none;
+      border-bottom-style: none;
+
+      &:first-child {
+        border-left-style: none;
+        border-bottom-left-radius: 7px;
+      }
+
+      &:last-child {
+        border-bottom-right-radius: 7px;
+      }
+    }
+  }
+}