refactor(documentation-website): sort css properties in alphabetical …

…order (#534)

Was it needed? No. Did I do it for fun? Yes.

documentation-website/src/components/code.scss

@@ -1,7 +1,7 @@
 .hljs {
   background: var(--background-offset);
-  padding: 0.5em;
   overflow-x: scroll;
+  padding: 0.5em;
 
   > code {
     display: block;

documentation-website/src/components/contributor.scss

@@ -4,10 +4,10 @@
 
   img {
     border-radius: 50%;
+    border: 1px solid var(--highlight-color);
+    justify-self: center;
     max-width: 200px;
     place-self: center center;
-    justify-self: center;
-    border: 1px solid var(--highlight-color);
   }
 
   h2 {
@@ -17,7 +17,7 @@
 
 @media only screen and (width >= 600px) {
   .contributor {
-    padding: 2em 3em;
     grid-template-columns: 1fr 2fr;
+    padding: 2em 3em;
   }
 }

documentation-website/src/components/cookie-consent.scss

@@ -1,28 +1,28 @@
 .cookie-consent {
   background-color: var(--background-color);
-  color: var(--text-color);
-  padding: 1.25em;
   border-radius: 5px;
+  bottom: 20px;
+  box-shadow: 0 0 5px var(--shadow);
+  color: var(--text-color);
   display: flex;
   flex-direction: column;
-  position: fixed;
-  bottom: 20px;
-  z-index: 100;
   left: 10px;
   max-width: 410px;
-  box-shadow: 0 0 5px var(--shadow);
+  padding: 1.25em;
+  position: fixed;
+  z-index: 100;
 
   .cookie-consent-description {
-    text-align: left;
-    width: 100%;
     display: block;
     margin-bottom: 0.75em;
+    text-align: left;
+    width: 100%;
   }
 
   .cookie-title {
+    font-size: 1.2em;
     margin: 0;
     text-align: left;
-    font-size: 1.2em;
   }
 
   ul,
@@ -40,9 +40,9 @@
   }
 
   li.service input {
-    width: 1em;
-    height: 1em;
     border: 1px solid var(--highlight-color);
+    height: 1em;
+    width: 1em;
   }
 
   li.service input:checked {
@@ -51,17 +51,17 @@
 
   .cookie-consent-buttons {
     display: flex;
+    gap: 0.5em;
     justify-content: flex-start;
     width: 100%;
-    gap: 0.5em;
   }
 
   .cookie-consent-accept-button,
   .cookie-consent-decline-button,
   .cookie-consent-custom-button {
-    padding: 20px;
     border-radius: 10px;
     cursor: pointer;
+    padding: 20px;
   }
 
   .cookie-consent-accept-button {

documentation-website/src/components/external-link.scss

@@ -1,11 +1,11 @@
 .external-link {
+  color: var(--text-color);
   display: flex;
   gap: 5px;
-  color: var(--text-color);
 
   .external-link-icon {
-    width: 1em;
-    height: 1em;
     color: var(--text-color);
+    height: 1em;
+    width: 1em;
   }
 }

documentation-website/src/components/faq-item.scss

@@ -1,25 +1,25 @@
 .faq-item {
-  width: 100%;
-  list-style-type: none;
   border-bottom: 1px solid var(--text-color);
+  list-style-type: none;
+  width: 100%;
 
   &:focus {
     box-shadow: 0 0 2em var(--shadow);
   }
 
   .accordion-section {
+    align-items: center;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
-    align-items: center;
   }
 
   .up-arrow,
   .down-arrow {
-    width: 0;
-    height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
+    height: 0;
+    width: 0;
   }
 
   .up-arrow {

documentation-website/src/components/youtube.scss

@@ -1,5 +1,5 @@
 .youtube iframe {
+  border-width: 0;
   display: block;
   width: 100%;
-  border-width: 0;
 }

documentation-website/src/index.scss

@@ -32,9 +32,9 @@
 }
 
 html {
-  height: 100vh;
   background: var(--background-color);
   color: var(--text-color);
+  height: 100vh;
 }
 
 body {
@@ -50,8 +50,8 @@ h3,
 h4,
 h5,
 p {
-  padding-top: 0.5em;
   padding-bottom: 0.5em;
+  padding-top: 0.5em;
 }
 
 h1,
@@ -149,9 +149,9 @@ nav {
 }
 
 article {
-  min-height: calc(100vh - 6em - 2rem - 2em - 6px);
-  max-width: 1024px;
   margin: 0 auto;
+  max-width: 1024px;
+  min-height: calc(100vh - 6em - 2rem - 2em - 6px);
 }
 
 .dark-mode #loader span {
@@ -160,8 +160,8 @@ article {
 
 .dark-mode-icon {
   // unused
-  padding: 0;
   color: var(--text-color);
+  padding: 0;
   width: 70%;
 }
 
@@ -206,10 +206,10 @@ article {
   }
 
   .title-card {
+    align-items: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
-    align-items: center;
     padding: 2em 3em;
   }
 
@@ -243,8 +243,8 @@ article {
   }
 
   .faq-ul-list {
-    width: 100%;
     padding: 0;
+    width: 100%;
   }
 }