From 0f01c5d42ddca916aee329c7f19e669a0a786fc2 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Fri, 16 Dec 2022 03:03:59 +0900
Subject: [PATCH] Clean: SASS - Warning

---
 css/leptonChrome.css                        | 18 ++++++++++++++++++
 src/leptonChrome.scss                       |  1 +
 src/tab/newtab_button/_looks_like_tab.scss  |  2 +-
 src/tabbar/layout/_window_control.scss      |  2 +-
 src/tabbar/layout/_window_control_size.scss |  2 +-
 5 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 1d8eba0..074cb37 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -4498,6 +4498,9 @@
         height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
       }
       @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+        #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+          stroke: var(--toolbar-color, currentColor) !important;
+        }
       }
       .titlebar-buttonbox-container > .titlebar-buttonbox {
         height: 100%;
@@ -4649,6 +4652,9 @@
           height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
         }
         @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+          #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+            stroke: var(--toolbar-color, currentColor) !important;
+          }
         }
         .titlebar-buttonbox-container > .titlebar-buttonbox {
           height: 100%;
@@ -4797,6 +4803,9 @@
           height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
         }
         @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+          #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+            stroke: var(--toolbar-color, currentColor) !important;
+          }
         }
         .titlebar-buttonbox-container > .titlebar-buttonbox {
           height: 100%;
@@ -4948,6 +4957,9 @@
             height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
           }
           @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+            #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+              stroke: var(--toolbar-color, currentColor) !important;
+            }
           }
           .titlebar-buttonbox-container > .titlebar-buttonbox {
             height: 100%;
@@ -5106,6 +5118,9 @@
             height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
           }
           @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+            #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+              stroke: var(--toolbar-color, currentColor) !important;
+            }
           }
           .titlebar-buttonbox-container > .titlebar-buttonbox {
             height: 100%;
@@ -5254,6 +5269,9 @@
             height: var(--uc-titlebar-buttonbox-height, var(--uc-navbar-height, 36px));
           }
           @media (-moz-os-version: windows-win10), (-moz-platform: windows-win10) {
+            #toolbar-menubar[autohide="true"][inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
+              stroke: var(--toolbar-color, currentColor) !important;
+            }
           }
           .titlebar-buttonbox-container > .titlebar-buttonbox {
             height: 100%;
diff --git a/src/leptonChrome.scss b/src/leptonChrome.scss
index d9959d8..6aa0c7f 100644
--- a/src/leptonChrome.scss
+++ b/src/leptonChrome.scss
@@ -9,6 +9,7 @@
 @use "utils/has" as *;
 @use "utils/proton_elements" as Proton;
 @use "sass:selector";
+@use "sass:math";
 
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 @namespace html "http://www.w3.org/1999/xhtml";
diff --git a/src/tab/newtab_button/_looks_like_tab.scss b/src/tab/newtab_button/_looks_like_tab.scss
index 6f64617..34ba30c 100644
--- a/src/tab/newtab_button/_looks_like_tab.scss
+++ b/src/tab/newtab_button/_looks_like_tab.scss
@@ -135,7 +135,7 @@
     --tab-border-radius: 0px;
     width: unset !important;
     padding-inline: 0px !important;
-    margin-inline: calc(var(--uc-tab-corner-half-height) - #{( 15.5px / 2 )}) !important;
+    margin-inline: calc(var(--uc-tab-corner-half-height) - #{math.div(15.5px, 2)}) !important;
 
     background-color: transparent !important;
     // background-size: calc((var(--toolbarbutton-inner-padding) * 2 + 16px) - var(--uc-tab-corner-size)) 100%;
diff --git a/src/tabbar/layout/_window_control.scss b/src/tabbar/layout/_window_control.scss
index 3e9e576..bcb07fc 100644
--- a/src/tabbar/layout/_window_control.scss
+++ b/src/tabbar/layout/_window_control.scss
@@ -32,7 +32,7 @@ See the above repository for updates as well as full license text. */
   }
 
   @include OS($win10) {
-    &[inactive="true"] > > .titlebar-buttonbox-container .titlebar-button {
+    &[inactive="true"] > .titlebar-buttonbox-container .titlebar-button {
       stroke: var(--toolbar-color, currentColor) !important;
     }
   }
diff --git a/src/tabbar/layout/_window_control_size.scss b/src/tabbar/layout/_window_control_size.scss
index 5bcb3bf..6407d1b 100644
--- a/src/tabbar/layout/_window_control_size.scss
+++ b/src/tabbar/layout/_window_control_size.scss
@@ -51,7 +51,7 @@
     --uc-window-control-width: 138px;
   }
   @include OS($linux) {
-    $linuxWindowControlWidth: 84px / 3; /* 84px is default value of linux */
+    $linuxWindowControlWidth: math.div(84px, 3); /* 84px is default value of linux */
 
     @media (-moz-gtk-csd-minimize-button),
     (-moz-gtk-csd-maximize-button),