fix(calendar): Rearrange the focus styles for year-month view classes (#2030)

Author: desig9stein

src/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.scss

@@ -37,13 +37,13 @@ $theme: $bootstrap;
             background: var-get($theme, 'ym-current-hover-background');
         }
 
-        &:focus {
-            box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-current-outline-focus-color');
-        }
-
         &:hover {
             box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-current-outline-hover-color');
         }
+
+        &:focus {
+            box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-current-outline-focus-color');
+        }
     }
 
     &[part~='selected'] {
@@ -57,13 +57,13 @@ $theme: $bootstrap;
             background: var-get($theme, 'ym-selected-hover-background');
         }
 
-        &:focus {
-            box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-selected-focus-outline-color');
-        }
-
         &:hover {
             box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-selected-hover-outline-color');
         }
+
+        &:focus {
+            box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-selected-focus-outline-color');
+        }
     }
 
     &[part~='selected'][part~='current'] {
@@ -77,13 +77,13 @@ $theme: $bootstrap;
             background: var-get($theme, 'ym-selected-current-hover-background');
         }
 
-        &:focus {
-            box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-selected-current-outline-focus-color');
-        }
-
         &:hover {
             box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-selected-current-outline-hover-color');
         }
+
+        &:focus {
+            box-shadow: 0 0 0 rem(1px) var-get($theme, 'ym-selected-current-outline-focus-color');
+        }
     }
 }