chore: format SCSS code

.stylelintrc.json

@@ -1,18 +1,15 @@
 {
-    "extends":"stylelint-config-standard",
-    "plugins":[
-        "stylelint-scss"
-    ],
-    "rules":{
-        "at-rule-no-unknown":null,
-        "scss/at-rule-no-unknown":true,
-        "font-family-no-missing-generic-family-keyword":[
-            true,
-            {
-                "ignoreFontFamilies":[
-                    "Font Awesome 5 Free"
-                ]
-            }
-        ]
-    }
+    "extends": ["stylelint-config-standard", "stylelint-config-standard-scss"],
+    "rules": {
+      "string-quotes": "single",
+      "color-function-notation": "legacy",
+      "scss/no-global-function-names": null,
+      "alpha-value-notation": "number"
+    },
+    "ignoreFiles": [
+      "assets/main/scss/_config.scss",
+      "assets/main/scss/_highlight.scss",
+      "assets/main/scss/index.scss",
+      "assets/main/scss/index.rtl.scss"
+    ]
 }

assets/docsearch/scss/index.scss

@@ -6,23 +6,23 @@
 @import '../../main/scss/variables-theme';
 @import '../../main/scss/variables-theme-dark';
 @import 'bootstrap/scss/variables';
-@import "bootstrap/scss/maps";
+@import 'bootstrap/scss/maps';
 @import '../../main/scss/mixins';
 @import 'bootstrap/scss/utilities';
 
 :root {
   --docsearch-primary-color: var(--#{$prefix}primary);
 }
 
-.DocSearch-Container {
-    z-index: 1070;
+.DocSearch-Container { /* stylelint-disable-line */
+  z-index: 1070;
 
-    @media (max-width: 750px) {
-        position: fixed;
-    }
+  @media (max-width: 750px) {
+    position: fixed;
+  }
 }
 
-.DocSearch-Button {
+.DocSearch-Button { /* stylelint-disable-line */
   @media (max-width: 991.98px) {
     margin: 0;
     width: 100%;

assets/main/scss/_actions-panel.scss

@@ -1,15 +1,15 @@
 .btn-actions-panel {
-    bottom: 5rem;
-    right: 1.25rem;
-    
-    @include media-breakpoint-down(sm) {
-      right: .75rem;
-    }
+  bottom: 5rem;
+  right: 1.25rem;
+
+  @include media-breakpoint-down(sm) {
+    right: 0.75rem;
+  }
 }
 
-#offcanvasActionsPanel {
+#offcanvasActionsPanel { /* stylelint-disable-line */
   .action,
   .btn-social-share {
     width: 5rem;
   }
-}
+}

assets/main/scss/_archives.scss

@@ -1,26 +1,27 @@
 .archive {
-    &::before {
-        background: var(--#{$prefix}primary);
-        height: .5rem;
-        width: .5rem;
-        border-radius: 50%;
-        content: "";
-        margin-left: -1.15rem;
-    }
-    &::after {
-        content: attr(data-date);
-        position: absolute;
-        left: -1.75rem;
-        writing-mode: vertical-rl;
-        justify-content: center;
-        display: flex;
-        line-height: 100%;
-        height: 100%;
-        color: var(--#{$prefix}primary);
-        font-weight: bold;
-    }
+  &::before {
+    background: var(--#{$prefix}primary);
+    height: 0.5rem;
+    width: 0.5rem;
+    border-radius: 50%;
+    content: '';
+    margin-left: -1.15rem;
+  }
 
-    .archive-meta {
-        font-size: .875rem;
-    }
+  &::after {
+    content: attr(data-date);
+    position: absolute;
+    left: -1.75rem;
+    writing-mode: vertical-rl;
+    justify-content: center;
+    display: flex;
+    line-height: 100%;
+    height: 100%;
+    color: var(--#{$prefix}primary);
+    font-weight: bold;
+  }
+
+  .archive-meta {
+    font-size: 0.875rem;
+  }
 }

assets/main/scss/_author.scss

@@ -1,7 +1,8 @@
 .author {
-    .social-links {
-        --#{$prefix}nav-link-padding-x: .5rem;
-        justify-content: start!important;
-        margin-left: calc(var(--#{$prefix}nav-link-padding-x) * -1);
-    }
+  .social-links {
+    --#{$prefix}nav-link-padding-x: 0.5rem;
+
+    justify-content: start !important;
+    margin-left: calc(var(--#{$prefix}nav-link-padding-x) * -1);
+  }
 }

assets/main/scss/_blockquote.scss

@@ -1,6 +1,6 @@
 blockquote {
   border-left: 0.25rem solid var(--#{$prefix}primary);
-  padding: .25rem 1rem;
+  padding: 0.25rem 1rem;
   position: relative;
 
   p:last-child {

assets/main/scss/_bootstrap.scss

@@ -4,7 +4,7 @@
 @import 'variables-theme';
 @import 'variables-theme-dark';
 @import 'bootstrap/scss/variables';
-@import "bootstrap/scss/maps";
+@import 'bootstrap/scss/maps';
 @import 'mixins';
 @import 'bootstrap/scss/utilities';
 @import 'palettes';
@@ -44,5 +44,6 @@
 
 // Helpers
 @import 'bootstrap/scss/helpers';
+
 // Utilities
 @import 'utilities';

assets/main/scss/_card.scss

@@ -1,3 +1,3 @@
 .card {
-    --#{$prefix}card-cap-bg: transparent;
+  --#{$prefix}card-cap-bg: transparent;
 }

assets/main/scss/_carousel.scss

@@ -1,43 +1,44 @@
 .carousel-caption {
-    background: rgba(0, 0, 0, .75);
-    bottom: -20px;
+  background: rgba(0, 0, 0, 0.75);
+  bottom: -20px;
 }
 
 .carousel-indicators {
-    [data-bs-target] {
-        height: 15px;
-        width: 15px;
-    }
-
-    .active {
-        background-color: var(--#{$prefix}primary);
-    }
+  [data-bs-target] {
+    height: 15px;
+    width: 15px;
+  }
+
+  .active {
+    background-color: var(--#{$prefix}primary);
+  }
 }
 
 .carousel-item {
-    background: rgba(0, 0, 0, .35);
+  background: rgba(0, 0, 0, 0.35);
 
-    img {
-        width: 100%;
-        height: 450px;
+  img {
+    width: 100%;
+    height: 450px;
 
-        @include media-breakpoint-down(lg) {
-            height: 270px;
-        }
+    @include media-breakpoint-down(lg) {
+      height: 270px;
+    }
 
-        @include media-breakpoint-down(sm) {
-            height: 180px;
-        }
+    @include media-breakpoint-down(sm) {
+      height: 180px;
     }
+  }
 }
 
 .carousel-controls {
-    right: 1rem;
-    bottom: 1rem;
-    z-index: 3;
+  right: 1rem;
+  bottom: 1rem;
+  z-index: 3;
 }
 
-.carousel-control-prev, .carousel-control-next {
-    align-items: end;
-    bottom: 1.25rem;
+.carousel-control-prev,
+.carousel-control-next {
+  align-items: end;
+  bottom: 1.25rem;
 }

assets/main/scss/_code.scss

@@ -7,9 +7,10 @@
     transition: opacity 0.5s;
 
     .action {
-      color: rgba(244, 255, 255, .75);
+      color: rgba(244, 255, 255, 0.75);
 
-      &:hover, &.active {
+      &:hover,
+      &.active {
         color: white;
       }
 
@@ -21,7 +22,7 @@
 
   &:hover {
     .panel {
-      opacity: 1!important;
+      opacity: 1 !important;
     }
   }
 }

assets/main/scss/_component.scss

@@ -1,11 +1,12 @@
 .component {
-  @extend .surface;
+  @extend .surface; /* stylelint-disable-line */
 
   border: none;
   margin-bottom: var(--#{$prefix}component-gutter-b);
-  padding: 0 .25rem;
+  padding: 0 0.25rem;
 
-  &:hover, &:focus {
-    @extend .shadow;
+  &:hover,
+  &:focus {
+    @extend .shadow; /* stylelint-disable-line */
   }
 }

assets/main/scss/_config.scss

@@ -1,6 +1,6 @@
 // PLEASE DO NOT OVERRIDE THIS FILE.
 {{ $params := $.Site.Params }}
-$fontSizes: (
+$font-sizes: (
     xs: {{ default ".85rem" $params.fontSize.extraSmall }},
     sm: {{ default ".925rem" $params.fontSize.small }},
     lg: {{ default "1.075rem" $params.fontSize.large }},

assets/main/scss/_custom.scss

@@ -1,2 +1,2 @@
-// PLEASE DO NOT EDIT THIS FILE. YOU SHOULD CREATE A NEW FILE AND SAVE 
+// PLEASE DO NOT EDIT THIS FILE. YOU SHOULD CREATE A NEW FILE AND SAVE
 // IT AS THE SAME PATH ON YOUR SITE ROOT: assets/main/scss/_custom.scss.

assets/main/scss/_faq.scss

@@ -1,20 +1,20 @@
 .accordion {
-    --#{$prefix}accordion-active-color: var(--#{$prefix}primary);
-    --#{$prefix}accordion-active-bg: var(--#{$prefix}on-primary);
+  --#{$prefix}accordion-active-color: var(--#{$prefix}primary);
+  --#{$prefix}accordion-active-bg: var(--#{$prefix}on-primary);
 }
 
 @include theme(dark) {
-    .accordion-button {
-        &:not([aria-expanded="true"]) {
-            &::after {
-                filter: invert(1) grayscale(100%) brightness(200%);
-            }
-        }
+  .accordion-button {
+    &:not([aria-expanded='true']) {
+      &::after {
+        filter: invert(1) grayscale(100%) brightness(200%);
+      }
     }
+  }
 }
 
 .faq-answer {
-    a {
-        text-decoration: underline;
-    }
+  a {
+    text-decoration: underline;
+  }
 }

assets/main/scss/_gallery.scss

@@ -1,3 +1,3 @@
 .gallery-img {
-    height: auto;
+  height: auto;
 }