Tons of little fixes for things

Author: lainsce

Helium/gtk-4.0/_functions.scss

@@ -60,39 +60,34 @@
 }
 
 @function shadow($level) {
-    // Sunken controls
+    // Elevation -1
     @if $level == -1 {
-        @return 0 -2px 0 0 rgb(0, 0, 0, 0.1), 0 -1px 0 0 rgb(0, 0, 0, 0.05),
-            0 -2px 0 0 rgb(0, 0, 0, 0.025), 0 2px 0 0 rgb(255, 255, 255, 0.025),
-            0 1px 0 0 rgb(255, 255, 255, 0.05),
-            0 2px 0 0 rgb(255, 255, 255, 0.1);
-        // Outline border
+        @return 0 -1px 0 0 rgb(0, 0, 0, 0.14));
+    // Outline/Elevation 0
     } @else if $level == 0 {
-        @return 0 0 0 1px rgb(0, 0, 0, 0.38);
-        // Elevation 1
+        @return 0 0 0 1px $outline;
+    // Elevation 1
     } @else if $level == 1 {
         @return 0 2px 4px 0px rgb(0, 0, 0, 0.14),
             0 2px 4px 0px rgb(0, 0, 0, 0.14);
-        // Elevation 2
+    // Elevation 2
     } @else if $level == 2 {
         @return 0 4px 8px 0px rgb(0, 0, 0, 0.14),
             0 4px 8px 0px rgb(0, 0, 0, 0.14);
-        // Elevation 3
+    // Elevation 3
     } @else if $level == 3 {
         @return 0 8px 16px 0px rgb(0, 0, 0, 0.14),
             0 8px 16px 0px rgb(0, 0, 0, 0.14);
-        // Elevation 4
+    // Elevation 4
     } @else if $level == 4 {
-        @return 0 0 8px 0px rgb(0, 0, 0, 0.2),
-            0 14px 28px 0px rgb(0, 0, 0, 0.24);
-        // Elevation 5
+        @return 0 14px 28px 0px rgb(0, 0, 0, 0.24);
+    // Elevation 5
     } @else if $level == 5 {
-        @return 0 0 8px 0px rgb(0, 0, 0, 0.2),
-            0 32px 64px 0px rgb(0, 0, 0, 0.24);
+        @return 0 32px 64px 0px rgb(0, 0, 0, 0.24);
     }
 }
 
-@function px-to-rem($pixels, $text-size: 10.5pt) {
+@function px-to-rem($pixels, $text-size: 10px) {
     @if (unitless($pixels)) {
         $pixels: $pixels * 1px;
     }
@@ -101,10 +96,5 @@
         $text-size: $text-size * 1px;
     }
 
-    @if ($pixels > 0) {
-        // Workaround GTK clamping instead of rounding up
-        @return (calc($pixels / $text-size) * 1rem) + 0.000000001rem;
-    } @else {
-        @return (calc($pixels / $text-size) * 1rem) - 0.000000001rem;
-    }
+    @return (calc($pixels / $text-size) * 1rem);
 }