[libadwaita/wip/exalm/stylesheet2: 87/97] stylesheet: Split calendar styles into a separate file

[Alexander Mikhaylenko <alexm src gnome org>]

commit fc5685e3fb0f62e26d95747d16d06ef84e26bbf4
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Apr 9 14:09:37 2021 +0500

    stylesheet: Split calendar styles into a separate file

 src/stylesheet/_common.scss           | 53 -----------------------------------
 src/stylesheet/_widgets.scss          |  1 +
 src/stylesheet/meson.build            |  1 +
 src/stylesheet/widgets/_calendar.scss | 48 +++++++++++++++++++++++++++++++
 4 files changed, 50 insertions(+), 53 deletions(-)
---
diff --git a/src/stylesheet/_common.scss b/src/stylesheet/_common.scss
index 881bfa6..7882bd5 100644
--- a/src/stylesheet/_common.scss
+++ b/src/stylesheet/_common.scss
@@ -239,59 +239,6 @@ expander-widget {
 }
 
 
-/************
- * Calendar *
- ***********/
-calendar {
-  color: $text_color;
-  border: 1px solid $borders_color;
-
-  > header {
-    border-bottom: 1px solid $borders_color;
-
-    > button {
-      border: none;
-      box-shadow: none;
-      border-radius: 0;
-
-      &, &:backdrop {
-        background: none;
-      }
-    }
-  }
-
-  > grid {
-    > label.today {
-      box-shadow: inset 0px -2px $borders_color;
-
-      &:selected {
-        box-shadow: none;
-      }
-    }
-
-    > label:focus {
-      outline-color: $focus_border_color;
-      outline-offset: -2px;
-      outline-width: 2px;
-      outline-style: solid;
-    }
-
-    > label.day-number {
-      padding: 4px;
-
-      &:selected {
-        @extend %selected_items;
-        border-radius: 3px;
-      }
-    }
-
-    > label.day-number.other-month {
-      color: gtkalpha(currentColor, 0.3);
-    }
-  }
-}
-
-
 /**************
  * GtkVideo *
  **************/
diff --git a/src/stylesheet/_widgets.scss b/src/stylesheet/_widgets.scss
index 5683602..cd4fe59 100644
--- a/src/stylesheet/_widgets.scss
+++ b/src/stylesheet/_widgets.scss
@@ -1,4 +1,5 @@
 @import 'widgets/buttons';
+@import 'widgets/calendar';
 @import 'widgets/checks';
 @import 'widgets/color-chooser';
 @import 'widgets/dropdowns';
diff --git a/src/stylesheet/meson.build b/src/stylesheet/meson.build
index 9999b02..a4232e0 100644
--- a/src/stylesheet/meson.build
+++ b/src/stylesheet/meson.build
@@ -21,6 +21,7 @@ if not fs.exists('Adwaita-light.css')
       '_widgets.scss',
 
       'widgets/_buttons.scss',
+      'widgets/_calendar.scss',
       'widgets/_checks.scss',
       'widgets/_color-chooser.scss',
       'widgets/_dropdowns.scss',
diff --git a/src/stylesheet/widgets/_calendar.scss b/src/stylesheet/widgets/_calendar.scss
new file mode 100644
index 0000000..9225767
--- /dev/null
+++ b/src/stylesheet/widgets/_calendar.scss
@@ -0,0 +1,48 @@
+calendar {
+  color: $text_color;
+  border: 1px solid $borders_color;
+
+  > header {
+    border-bottom: 1px solid $borders_color;
+
+    > button {
+      border: none;
+      box-shadow: none;
+      border-radius: 0;
+
+      &, &:backdrop {
+        background: none;
+      }
+    }
+  }
+
+  > grid {
+    > label.today {
+      box-shadow: inset 0px -2px $borders_color;
+
+      &:selected {
+        box-shadow: none;
+      }
+    }
+
+    > label:focus {
+      outline-color: $focus_border_color;
+      outline-offset: -2px;
+      outline-width: 2px;
+      outline-style: solid;
+    }
+
+    > label.day-number {
+      padding: 4px;
+
+      &:selected {
+        @extend %selected_items;
+        border-radius: 3px;
+      }
+    }
+
+    > label.day-number.other-month {
+      color: gtkalpha(currentColor, 0.3);
+    }
+  }
+}