DEV: Lint CSS

Author: Arkshine

common/common.scss

@@ -25,6 +25,7 @@
 
       &-icon {
         margin-right: 0.5rem;
+
         img {
           width: 1.5em;
           height: 1.5em;
@@ -33,6 +34,7 @@
 
       &-caret {
         margin-left: 0.5rem;
+
         svg {
           transition: transform 0.25s ease;
         }
@@ -44,15 +46,15 @@
             transform: rotate(0deg);
           }
         }
-        &:not(.is-open) {
-          .custom-header-link-caret svg {
-            transform: rotate(90deg);
-          }
-        }
+
         &:not(.is-open) {
           .custom-header-dropdown {
             transform: scale(0);
           }
+
+          .custom-header-link-caret svg {
+            transform: rotate(90deg);
+          }
         }
       }
 

desktop/desktop.scss

@@ -5,7 +5,7 @@
     display: flex;
   }
 
-  @media screen and (max-width: 712px) {
+  @media screen and (width <= 712px) {
     display: none;
   }
 }

mobile/mobile.scss

@@ -17,7 +17,7 @@
     li {
       width: 100%;
 
-      @media screen and (min-width: 768px) {
+      @media screen and (width >= 768px) {
         width: auto;
       }
     }

scss/mixins.scss

@@ -2,9 +2,10 @@
   position: absolute;
   background-color: $dropdown_background_color;
   border: 1px solid $dropdown_border_color;
-  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 12px 12px rgb(0 0 0 / 15%);
   z-index: z("header") + 1;
   padding: 0.5em;
+  
   @if $links_position == "left" {
     top: calc(var(--header-offset) - 0.8rem);
   } @else {