Merge pull request #364 from BeAPI/feature/improve-skip-links

feat (skip-links): set top value with --wp-admin--admin-bar--height

Author: ptesei

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

@@ -41,11 +41,7 @@
     /*
      * Admin bar
      */
-    --wp-admin-bar-height: 0rem;
-
-    .admin-bar {
-        --wp-admin-bar-height: 46px;
-    }
+    --wp-admin-bar-height: var(--wp-admin--admin-bar--height, 0rem);
 
     /*
      * Alignments breakpoints
@@ -76,20 +72,11 @@
          */
         &:not(.scroll-top) {
             .admin-bar {
-                --wp-admin-bar-height: 0rem;
+                --wp-admin-bar-height: 0px;
             }
         }
     }
 
-    @include breakpoints(admin-bar) {
-        /*
-         * Admin bar
-         */
-        .admin-bar {
-            --wp-admin-bar-height: 32px;
-        }
-    }
-
     @include breakpoints(md) {
         /*
          * Spacing

src/scss/05-components/_skip-links.scss

@@ -1,6 +1,6 @@
 .skip-links {
     position: absolute;
-    top: 0;
+    top: var(--wp-admin-bar-height);
     left: 0;
     z-index: 10;
     display: flex;