Merge pull request #326 from BeAPI/fix/admin-bar-mobile

fix admin bar mobile not sticky

Author: francoistibo

src/scss/03-base/_variables-css.scss

@@ -70,6 +70,17 @@
      * Global breakpoints
      */
 
+    @include breakpoints(s, max) {
+        /*
+         * Admin bar become not sticky
+         */
+        &:not(.scroll-top) {
+            .admin-bar {
+                --wp-admin-bar-height: 0rem;
+            }
+        }
+    }
+
     @include breakpoints(admin-bar) {
         /*
          * Admin bar

src/scss/04-utilities/_aria.scss

@@ -1,11 +1,11 @@
 [aria-expanded="false"] {
-	.aria-expanded-true-text {
-		display: none !important;
-	}
+    .aria-expanded-true-text {
+        display: none !important;
+    }
 }
 
 [aria-expanded="true"] {
-	.aria-expanded-false-text {
-		display: none !important;
-	}
-}
+    .aria-expanded-false-text {
+        display: none !important;
+    }
+}

src/scss/04-utilities/_wp-admin-bar.scss

@@ -0,0 +1,5 @@
+#wpadminbar {
+    @include breakpoints(sm, max) {
+        overflow: scroll;
+    }
+}

src/scss/04-utilities/utilities.scss

@@ -1,3 +1,4 @@
+@import "./wp-admin-bar";
 @import "./focus";
 @import "./lazyload";
 @import "./seo";

src/scss/08-template-parts/_header.scss

@@ -205,14 +205,6 @@
         }
     }
 
-    @include breakpoints(s, max) {
-        .scroll-up &__inner,
-        .scroll-down &__inner,
-        .scroll-bottom &__inner {
-            top: 0;
-        }
-    }
-
     @include breakpoints(sm) {
         &__menu {
             #{$el}__logo-link {