year-view: port to css nodes

Mainly by removing the gtk_widget_get_state_flags()
calls.

data/theme/gtk-styles.css

@@ -134,20 +134,20 @@ box.sidebar {
     border-style: solid;
 }
 
-GcalYearView box.sidebar:dir(ltr) {
+.year-view box.sidebar:dir(ltr) {
     border-left-width: 1px;
 }
 
-GcalYearView box.sidebar:dir(rtl) {
+.year-view box.sidebar:dir(rtl) {
     border-right-width: 1px;
 }
 
-GcalYearView scrolledwindow {
+.year-view scrolledwindow {
     border-top-width: 0;
     border-bottom-width: 0;
 }
 
-GcalYearView button {
+.year-view button {
     border-radius: 0;
     border-bottom-width: 0;
 }

data/ui/year-view.ui

@@ -2,6 +2,9 @@
 <interface>
   <!-- interface-requires gtk+ 3.10 -->
   <template class="GcalYearView" parent="GtkBox">
+    <style>
+      <class name="year-view"/>
+    </style>
     <child>
       <object class="GtkDrawingArea" id="navigator">
         <property name="visible">True</property>