alphabetise @use directives and make sure header comment is at the top

of the file instead of under the @use directives

Author: FlynnD273

source/_sass/_site/app.scss

@@ -19,59 +19,56 @@
 @use 'colors';
 
 @use 'base/base';
-@use 'responsive/responsive';
 @use 'font-awesome/font-awesome';
+@use 'responsive/responsive';
 
 @use 'header';
 @use 'footer';
 
 
+
 @use 'elements/alert';
+@use 'elements/bigbox';
 @use 'elements/buttons';
+@use 'elements/dual-image';
 @use 'elements/form';
-@use 'elements/mobile-nav';
+@use 'elements/full-height';
+@use 'elements/gray-box';
 @use 'elements/highlight';
 @use 'elements/inline-list';
+@use 'elements/landing-slider';
 @use 'elements/markdown';
+@use 'elements/mobile-nav';
+@use 'elements/pagination';
+@use 'elements/platform-choice';
+@use 'elements/ribbon';
 @use 'elements/screenshot';
+@use 'elements/search';
+@use 'elements/sectionmenu';
 @use 'elements/sidebar';
 @use 'elements/spinner';
 @use 'elements/table';
-// @import 'elements/terminal';
 @use 'elements/toc';
-// @import 'elements/typeahead';
-// @import 'elements/video';
-@use 'elements/bigbox';
-@use 'elements/full-height';
-@use 'elements/sectionmenu';
-@use 'elements/search';
-@use 'elements/gray-box';
-@use 'elements/ribbon';
-@use 'elements/pagination';
-@use 'elements/landing-slider';
-@use 'elements/platform-choice';
-@use 'elements/dual-image';
-
 @use 'sections/getting-started';
 
 @use 'libs/slick';
 @use 'mmenu/jquery.mmenu.all.scss';
 
-@use 'sections/events';
 @use 'sections/blog';
 @use 'sections/documentation';
+@use 'sections/events';
 @use 'sections/examples';
 @use 'sections/guides';
-@use 'sections/retreat';
 @use 'sections/inspiration';
+@use 'sections/retreat';
 @use 'sections/round';
 @use 'sections/sdk';
 
-@use 'debug';
 @use "base/variables";
 @use "bourbon/addons/font-family";
 @use "bourbon/css3/box-sizing";
 @use "responsive/utilities/variables" as utilities-variables;
+@use 'debug';
 
 .mm-page {
   height: 100%;

source/_sass/_site/elements/alert.scss

@@ -1,5 +1,3 @@
-@use "../colors";
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -16,6 +14,8 @@
  * limitations under the License.
  */
 
+@use "../colors";
+
 .alert {
   background-color: #ddd;
   color: colors.$white;

source/_sass/_site/elements/bigbox.scss

@@ -1,7 +1,3 @@
-@use "../base/variables";
-@use "../colors";
-@use "../responsive/utilities/variables" as utilities-variables;
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -18,6 +14,10 @@
  * limitations under the License.
  */
 
+@use "../base/variables";
+@use "../colors";
+@use "../responsive/utilities/variables" as utilities-variables;
+
 .bigbox {
   text-align: center;
   padding: 2em;

source/_sass/_site/elements/buttons.scss

@@ -1,5 +1,3 @@
-@use "../colors";
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -16,6 +14,8 @@
  * limitations under the License.
  */
 
+@use "../colors";
+
 .btn {
   background-color: colors.$white;
   border-radius: 4px;

source/_sass/_site/elements/form.scss

@@ -1,6 +1,3 @@
-@use "../base/variables";
-@use "../colors";
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -17,6 +14,9 @@
  * limitations under the License.
  */
 
+@use "../base/variables";
+@use "../colors";
+
 .form__group {
   display: table;
   margin-bottom: 1em;

source/_sass/_site/elements/full-height.scss

@@ -1,5 +1,3 @@
-@use "../responsive/utilities/mixins/breakpoints";
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -16,6 +14,8 @@
  * limitations under the License.
  */
 
+@use "../responsive/utilities/mixins/breakpoints";
+
 .full-height {
   height: 100%;
 }

source/_sass/_site/elements/gray-box.scss

@@ -1,6 +1,3 @@
-@use "../base/variables";
-@use "../colors";
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -17,6 +14,9 @@
  * limitations under the License.
  */
 
+@use "../base/variables";
+@use "../colors";
+
 .gray-box {
   background-color: colors.$gray-04;
   border-radius: variables.$base-border-radius;

source/_sass/_site/elements/highlight.scss

@@ -1,8 +1,3 @@
-@use "../base/variables";
-@use "../bourbon/addons/font-family";
-@use "../colors";
-@use "../responsive/utilities/mixins/breakpoints";
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -19,6 +14,11 @@
  * limitations under the License.
  */
 
+@use "../base/variables";
+@use "../bourbon/addons/font-family";
+@use "../colors";
+@use "../responsive/utilities/mixins/breakpoints";
+
 .highlight {
   background-color: colors.$gray-07;
   border-radius: variables.$base-border-radius;

source/_sass/_site/elements/inline-list.scss

@@ -1,6 +1,3 @@
-@use "../base/variables";
-@use "../colors";
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -17,6 +14,9 @@
  * limitations under the License.
  */
 
+@use "../base/variables";
+@use "../colors";
+
 @charset "UTF-8";
 
 ul.inline-list {

source/_sass/_site/elements/markdown.scss

@@ -1,5 +1,3 @@
-@use "../colors";
-
 /**
  * Copyright 2025 Google LLC
  *
@@ -16,6 +14,8 @@
  * limitations under the License.
  */
 
+@use "../colors";
+
 .markdown {
 
   ul {